/**
* This file has been forked to IMDbConsumerSiteStaticMedia/src/css/app/lists/lists.css
* Any changes should be made to both files.
*/
hr {
    margin:12px 0 12px 0;
}

.even {
    background-color: #fbfbfb;
    border:#fff 1px solid;
}

.odd {
    background-color: #f6f6f5;
    border:#fff 1px solid;
}

h3 span.note {
    color: #999999 !important;
    font-size: 13px !important;
    font-weight: normal !important;
}

h3 span.leftarrow {
    color: #136CB2;
}

.spoiler:hover {
    background: none;
    border: none;
}

.spoiler:hover span {
    visibility: visible;
}

/* ------------------------------------------------------------ */

div.list_public, div.discussions_shown, div.byline {
    font-size: 11px;
    color:#666;
    margin: 3px 0 10px;
    font-family:Verdana, Arial, sans-serif;
    font-weight:normal
}

div.byline span {
    color:#CCC
}

span.discuss-blurb {
    margin-bottom: 5px;
}

div.list-activity p {
    margin: 0;
    padding: 0;
    line-height: 140%;
}

div.list-activity a {
    text-decoration: none;
}

div.list-activity hr {
    margin: 0.5em 0;
    clear: both;
}

div.list-activity p.last {
    margin-bottom: 0.5em;
}

div.list-activity span.aside {
    font-size: 11px;
    color: #888888;
}

div.list-activity div.report-this {
    position:absolute;
    right:10px;
    top:10px;
}

div.list-activity br.clear {
    clear: both;
}

div.list-activity div.progress-container {
    width: 60%;
    outline: #ACA899 solid 1px;
    border: #FDFBEF solid 1px;
    color: #3C3C3C;
    background: #FCF6D3;
    margin: 2px 5px 2px 0;
    margin-bottom: 0.5em;
    float: left;
}

div.list-activity div.progress-container div {
    background-color: #F5DF54;
    height: 18px;
}

div.list-activity div.progress-container span {
    width: 100%;
    margin-top: 2px;
    font-size: 11px;
    text-align: left;
    text-indent: 5px;
    float: left;
}

.bqstart {
    color:#c3c3c3;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.bqend {
    color:#c3c3c3;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}

/* ------------------------------------------------------------ */

.list_meta {
    font-size:11px;
    color:#666;
    margin:2px 0 5px 0;
}

.list-preview {
    padding: 0 4px 0 0;
}

.list-preview .list_meta {
    margin-left:96px;
}

.list-preview .list_name {
    margin: 4px 0 0 96px;
}

.list-preview .description {
    margin: 4px 0 5px 96px;
}

.list-featured .list_meta {
    margin:2px 6px 8px 8px;
}

.list-featured .list_name {
    margin: 4px 6px 0 8px;
}

.list-featured div.see-more {
    clear:none
}

.list-featured .list_name h4 {
    margin:0;
}

.list-featured .description {
    margin: 8px 6px 5px 128px;
    font-size:11px;
    line-height:140%;
}

.list-featured .items {
    margin: 0 6px 5px 8px;
}

.list-featured .items ol {
    margin-bottom: 8px;
}

.article .list-featured .description {
    margin: 8px 6px 5px 128px;
    font-size:13px;
    line-height:140%;
}

.article .list-featured h3 {
    margin:0;
}

.article .list-featured .list_meta, .article .list-featured .list_name {
    margin-left:128px;
}

.article.listo div.header {
    margin-top:18px;
    background-color: inherit;
}

div.listo.list_videos div#view-list-desc {
    width:530px;
}

.list_videos div#play-all-button {
    float:right;
}

.list_meta a {
    white-space:nowrap;
    text-decoration:none
}

/* Setup propertie for disable-pane. This disables the lists from
 * being clickable/active.
 */
.article.listo .disable-pane {
    background-repeat: no-repeat;
    display: inline;
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    position: absolute;
    visibility: hidden;
    z-index: 0;
}
.article.listo .disable-pane .center-spinner {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.list_item .info .secondary a:hover, .list_item .year_type a:hover {
    text-decoration:underline;
}

.listo .list {
    clear: both;
    background-color: inherit;
}

.listo .detail .list_item {
    padding-bottom: 18px !important;
    clear: left;
}

.listo .lo_link {
    font-size: 10px;
}

.list_item .info .secondary a, .list_item .year_type a {
    text-decoration:none;
}

.listo .rightcornerlink {
    border-left: 0px;
    text-align: right;
}

.listo h1 {
    word-wrap: break-word;
}

.list_is {
    color: #666666;
    font-size: 11px;
}

.list_is > div {
    padding-top: 2px;
}

.lockicon {
    height: 16px;
    background: url(/images/listo/watchlist-sprite.png) no-repeat 0px -65px;
    text-indent: 20px;
}

.listo .rightcornerlink .list_is {
    padding-top: 2px;
    margin-bottom: 8px;
    margin-left: 4px;
}

.listo .rightcornerlink .list_is div {
    padding-top: 2px;
    margin-left: 4px;
}

.list_item .number {
    padding-right:8px;
    float: left;
    font-size:14px;
}

.list_item .number .sequence {
    float: left;
    font-size:14px;
    margin-left: -5px;
    width: 37px;
}

.listo .detail .list_item .image {
    padding: 2px 20px 0 5px;
    float: left;
    margin-bottom:-2px;
}

.list_item .info {
    margin-left:168px;
}

.list_item .info b {
    font-size:15px;
}

.list_item .info b a:hover {
    text-decoration: underline;
}

.list_item .info b a:visited, .list_item .info b a:link {
    text-decoration: none;
}

.list_item .year_type {
    font-weight: normal;
    margin-bottom: 6px;
    font-size: 13px;
    text-decoration:none;
    color:#999;
}

.list_item .info .secondary {
    font-size: 11px;
    margin:3px 0 3px;
}
.list_item .info .secondary.quoted_rating {
    margin-top: 10px;
    font-style: italic;
}

.list_item .episode span {
    font-weight: bold;
}

.list_item .episode a {
    text-decoration: none;
}

.list_item .description {
    font-size: 13px;
    line-height:140%;
    margin-top:14px;
    margin-left:168px;
    font-style: italic;
    border-top: 1px dotted #ddd;
    padding-top: 6px;
}

.list_videos .list_item .info,
.list_videos .list_item .description {
    margin-left: 225px;
}

.list_item .item_description {
    font-size: 13px;
    line-height: 140%;
    padding-top: 5px;
    margin-bottom: 10px;
}

.list-preview div.clear, .lists div.clear, .list_item div.clear {
    height: 1px;
}

.reorder .number, .reorder .image {
    display: none;
}

.ui-state-highlight {
    height: 25px;
    background: lightyellow;
    border: 1px solid brown;
    margin-bottom: 5px;
}

.reorder {
    cursor: n-resize;
    background: #ddd url(/images/dragsort.gif) no-repeat 0 0;
    border: 1px solid #aaa;
    height: 25px;
    margin-bottom: 5px;
}

.reorder h4 {
    margin: 0px;
    margin-left: 15px;
    padding: 3px;
}

.reorder span {
    font-weight: normal;
    font-size: 10px;
}

.reorder a:link, .reorder a:visited {
    text-decoration: none;
    color: #000;
    cursor: n-resize;
}

.list-preview span {
    color: #666;
    font-size: 11px;
}

.list-preview-item {
    float: left;
    width: 148px;
    padding-right: 9px;
}

.list-preview-item-wide, .list-preview-item-narrow {
    float: left;
    font-size: 0;
}

.list-preview div.last {
    padding-right: 0px;
}

.lists .row.pending {
    background-color: white;
}

.lists .row .list-name, .lists .row .number, .lists .row .list-type, .lists .row .datetime {
    float: left;
    overflow: hidden;
}

.lists .header.row {
    color: #999;
    border-bottom: 1px dotted #ccc;
    margin-bottom:2px;
    padding-bottom:4px;
}

.lists .row .list-name {
    width: 320px;
}

.lists .row .list-type {
    text-align: right;
    width: 50px;
}

.lists .row .number {
    text-align: right;
    width: 30px;
}

.lists .row .datetime {
    padding-left: 25px;
    width: 124px;
}

.lists .row .actions {
    overflow: hidden;
    width: 60px;
    text-align: right;
    float: right;
    margin-top:-2px;
}

.list-group {
    margin-top:18px;
}

.lists button {
    border: none;
    height: 20px;
    width: 20px;
    background: url(/images/rating/rating-big/sprite.png);
}

.lists button.edit {
    background-position: 0 -140px;
}

.lists button.delete:hover {
    background-position: 0 -20px;
}

.lists button.edit:hover {
    background-position: 0 -160px;
}

.lists .row {
    padding:4px;
}

#view-list-desc.description {
    margin-bottom:10px;
}

.list-carousel .nav {
    float: right;
}

.list-carousel .image {
    background: #F6F7F5;
    max-width: 412px;
    vertical-align:top;
}

.list-carousel .image-container {
    float:left;
    margin:0 10px 10px 0;
}

.list-carousel .image-container small {
    display:block;
    max-width:402px;
    padding-left: 10px;
}

.list-carousel .meta {
    padding:10px 12px;
}

.list-carousel .count {
    font-size: 15px;
    margin-top:4px;
}

.list-carousel .count span {
    color: #999;
}

.list-carousel form {
    display: inline;
}

table.list-carousel {
    margin-left:-12px;
    margin-right: -12px;
    border-collapse:collapse;
    width:100%;
}

table.list-carousel .links {
    margin-top:18px;
}

table.list-carousel .links div {
    margin-top:6px;
}

.list_publish {
    background: #ffffcc;
}

.list_share {
    display: inline-block;
}

.list_share a {
    vertical-align: middle;
}

.list_share span {
    line-height: 26px;
}

.list_publish .not-now {
    text-decoration: underline;
    font-size: 11px;
    padding-left: 25px;
    cursor: pointer;
}

.list_edit ul {
    list-style-type: none;
}

.listo .list .list_item {
    margin-bottom: 0;
}

/*
* ----------------------------------------------------------------------------------
* GRID VIEW
*/

.listo .grid .list_item {
    margin-bottom: 3em;
}

.listo .grid .list_item .deleted {
    position:relative;
    top:-200px;
    left: 0;
    width: 90%;
    padding:10px;
    font-weight: bold;
}

/*
* ----------------------------------------------------------------------------------
* COMPACT VIEW
*/

.listo .compact table {
    border-collapse: collapse;
    width: 615px;
    table-layout: fixed;
    overflow: hidden;
}

.listo .compact tr {
    padding-left: 5px;
}

.listo .compact th {
    font-size: 11px;
    height: 22px;
    border-bottom: 1px solid #999;
}

.listo .compact th.active_asc, .listo .compact th.active_desc {
    background: url(/images/listo/sort-dir.png) no-repeat;
}

.listo .compact th.active_asc {
    background-position: 0 -128px;
    text-indent: 10px;
}

.listo .compact th.active_desc {
    background-position: 0 -149px;
    text-indent: 10px;
}

.listo .compact th.active_desc.listorian, .listo .compact th.active_asc.listorian {
    text-indent: 3px;
}

.listo .compact th {
    text-align: left;
}

.listo .compact th.ratings_date, .listo .compact th.created {
    text-align: right;
}

.listo .compact th.your_ratings.active_asc, .listo .compact th.rater_ratings.active_asc {
    background: url(/images/listo/sort-dir.png) no-repeat 0px -108px;
}

.listo .compact th.your_ratings.active_desc, .listo .compact th.rater_ratings.active_desc {
    background: url(/images/listo/sort-dir.png) no-repeat 0px -88px;
}

.listo .compact th.user_rating.active_asc {
    background: url(/images/listo/sort-dir.png) no-repeat 0px -48px;
}

.listo .compact th.user_rating.active_desc {
    background: url(/images/listo/sort-dir.png) no-repeat 0px -68px;
}

.listo .compact th.ratings_date.active_asc, .listo .compact th.created.active_asc {
    background-position: 60px -128px;
}

.listo .compact th.ratings_date.active_desc, .listo .compact th.created.active_desc {
    background-position: 45px -149px;
}

.listo .compact th.sortable {
    cursor: pointer;
}

.listo .compact th.sortable:hover {
    text-decoration: underline;
}

.listo .compact td {
    font-size: 9px !important;
    text-align: right;
    vertical-align: middle;
    padding-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* COLUMNS */

.listo .compact .list_item .listorian {
    padding-left: 5px;
    font-weight: bold;
    text-align: left;
    width: 38px;
}

.listo .compact .list_item .title {
    width: 195px;
    font-size: 11px !important;
    text-align: left;
    white-space: normal;
    padding-left: 5px;
}

.listo .compact .list_item .desc_preview {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    font-style: italic;
    display: inline;
    float: right;
    background: url(/images/listo/notes.png) no-repeat;
    width:16px;
    height:19px;
    margin-top: -4px;
}

.listo .compact .list_item .desc_preview:hover {
    background: url(/images/listo/notes-rollover.png) no-repeat;
}

.listo .compact th.name {
    width: 135px;
    font-size: 11px;
}

.listo .compact .list_item .episode {
    padding-top: 5px;
}

.listo .compact .list_item .check {
    width: 20px;
    text-align: left;
}

.listo .compact th.check {
    background: url(/images/listo/checkbox_unchecked.gif) no-repeat;
    margin-top: 4px;
    cursor: pointer;
}

.listo .compact .year {
    width: 41px;
    padding-left: 10px;
    text-align: left;
}

.listo .compact .list_item .title_type {
    width: 70px;
    text-align: left;
    margin-left: 10px;
}

.listo .compact .list_item .your_ratings, .listo .compact .list_item .user_rating, .listo .compact .list_item .rater_ratings {
    width: 35px;
    text-align: left;
}

.listo .compact th.your_ratings, .listo .compact th.user_rating, .listo .compact th.rater_ratings {
    background: url(/images/rating/rating-big/sprite.png) 0px -58px no-repeat;
}

.listo .compact th.your_ratings, .listo .compact th.rater_ratings {
    background-position: 0px -78px;
}

.listo .compact .list_item .your_ratings a {
    cursor: pointer;
    color: #136CB2;
}

.listo .compact .list_item .rating_widget {
    display: none;
    padding-left: 0px;
    padding-right: 5px;
    text-align: center;
}

.listo .compact .list_item .rating_widget .rw_hide_button {
    padding-top: 5px;
    padding-bottom: 3px;
    display:block !important;
}

.listo .compact .list_item .rating_widget > a {
    margin: 2px 0 0 5px;
    font-size: 9px;
    cursor: pointer;
    color: #136CB2;
}

.listo .compact .list_item .your_ratings a:hover, .listo .compact .rating_widget > a:hover, .listo .compact .list_item .rater_ratings a:hover {
    text-decoration: underline;
}

.listo .compact .rating-list {
    display: inline-block;
    background: #fff;
}

.listo .compact .list_item .num_votes {
    width: 56px;
}

.listo .compact .list_item .ratings_date, .listo .compact .list_item .created {
    padding-right: 5px;
    width: 84px;
}

.listo .compact th.ratings_date, .listo .compact th.created {
    width: 126px;
}

.listo .compact .list_item .known_for, .listo .compact .list_item .known_for_char {
    width: 220px;
    text-align: left;
}

.listo .compact .list_item .birth_date {
    text-align: left;
    width: 100px;
}

.listo .compact td.image {
    width: 100px;
    text-align: left;
}

.listo .compact .list .list_item .image {
    padding-top: 0px;
}

.listo .compact .list_item .name {
    text-align: left;
    padding-left: 5px;
}

.listo .compact .list_item .moviemeter {
    width: 60px;
}

.listo .compact .list_item .desc {
    text-align: left;
}

button.save-reordering {
    margin-top:5px;
    margin-bottom:5px;
}

.spinner-only {
    float:left;
    padding-left:10px;
    padding-top:5px;
}

/*****************************************************************************************************************/


.listo select.destination {
    width: 200px;
    text-overflow: ellipsis;
}

.listo select.destination .Titles {
    background-position: 0 -38px;
}

.listo .detail .rating-list {
    background: #fff;
    margin: 3px 0 5px;
}

.listo .detail .list_item .button_strip{
    margin-top: 5px;
}

.listo .detail .list_item {
    padding: 10px;
}

.listo .detail .list_item .delete {
    float: right;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/images/rating/rating-big/sprite.png);
    cursor: pointer;
    display: none;
}

.listo .detail .list_item .delete:hover {
    background-position: 0 -20px;
}

.listo .grid .list_item {
    position: relative;
}

.listo .grid .list_item .delete {
    position: absolute;
    width: 27px;
    height: 30px;
    z-index: 2;
    left: 125px;
    top: -10px;
    background: url(/images/listo/watchlist-sprite.png) 0 -88px;
    cursor: pointer;
    display: none;
}

.listo .grid .list_item:hover .delete {
    display: inline;
}

.listo .grid .list_item .delete:hover {
    background-position: 0 -119px;
}

.listo .detail .list_item .delete.pending {
    background: url(/images/spinning-progress.gif) no-repeat 0 1px;
    cursor: auto;
}

.listo .grid .list_item .delete.pending {
    background: #fff url(/images/spinning-progress.gif) no-repeat 1px 1px;
    height: 18px;
    width: 18px;
    left: 126px;
    top: 1px;
    cursor: auto;
    display: inline;
}

.listo .grid .list_item.deleted:hover .delete {
    display: none;
}

.list_item a:visited, .list_item a {
    text-decoration: none;
}

.list_item a:hover {
    text-decoration: underline;
}

.listo .list.grid .list_item {
    display: block;
    float: left;
    padding: 0;
    font-size: 11px;
    width: 155px;
    text-indent: 5px;
    vertical-align: top;
    height: 230px;
}

.listo .grid .desc {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 3px;
    overflow: hidden;
    margin-right: 9px;
}

.listo .grid .desc .rater-rating {
    font-style: italic;
    margin-top: 2px;
}

.listo .grid .desc .rater-rating-star {
    background-image: url("/images/rating/rating-big/sprite.png");
    background-position: 0px -64px;
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
}

.listo .detail .list_item div.image img,
.listo .grid .list_item a img,
.listo .grid .list_item div.hover-over-image img {
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.listo .grid .overlay {
    display: none; /* TODO: for now */
    background: black;
    color: yellow;
    position: relative;
    /* "top" and "width" must match Imdb::Services::Listo::View::IMAGE_DIMENSIONS */
    top: 209px;
    width: 140px;
    height: 20px;
    font-size: 9px;
    text-overflow: ellipsis;
}

/* ------------------------------------------------- */

.listo .header .pagination, .listo .header .desc, .listo .header .sort, .listo .header .filter {
    display: inline-block;
    font-size: 12px;
    color: #666;
}
.listo .header .sort {
    float: right;
    padding-right: 7px;
}
.listo .header .filter {
    margin-top: 7px;
    padding-left: 2px;
}
.listo .header .filter label {
    font-weight: normal;
    cursor: pointer;
}
.listo .header .desc {
    width: 150px;
    overflow: hide;
    padding-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 142px;
}

.listo .header select.sort_field {
    color: #666;
    width: 115px;
}

.listo.your_lists .header select.sort_field {
    width: 80px;
}

.listo .header .nav {
    background-color: #F6F6F5;
    background-image: -moz-linear-gradient(bottom,  rgb(255,255,255) 15%,  rgb(246,246,245) 85%);
    background-image: -ms-linear-gradient(bottom,  rgb(255,255,255) 15%,  rgb(246,246,245) 85%);
    background-image: -webkit-linear-gradient(bottom,  rgb(255,255,255) 15%,  rgb(246,246,245) 85%);
    background-image: linear-gradient(bottom,  rgb(255,255,255) 15%,  rgb(246,246,245) 85%);
    border-top: 1px solid #F2F2F2;
    margin-bottom: 15px;
    padding-top: 7px;
}
.listo.your_lists .header .nav {
    /* TODO: all the other .listo .header css should use height: auto also */
    height: auto;
    padding-bottom: 5px;
}

.listo .header .view {
    height: 30px;
    vertical-align: middle;
}

.listo .header .views {
    height: 30px;
    padding-right: 5px;
    float: right;
}

.listo .header .pagination {
    width: 240px;
    text-align: center;
}

.listo .header .message {
    display: none;
}

.listo .header .message .success {
    background-color: #CFF2AD;
    padding: 6px 4px 2px 4px;
    color: #3E4834;
    font-size: 12px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border-right: none;
    display: inline-block;
    padding: 6px 9px 2px 4px;
}

.listo .header .message .error {
    background-color: #FFE3E3;
    color: #D6000C;
    padding: 6px 4px 2px 4px;
    font-size: 13px;
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border-right: none;
    display: inline-block;
}

.listo .header .message .icon {
    float: left;
}

.listo .header .message .text {
    float: left;
    padding-left: 5px;
}

.listo .header .nav .sort button {
    width: 23px;
    background: url(/images/listo/sort-dir.png) no-repeat 0 0;
}

.listo .header .nav .sort button.sort_asc {
    background: url(/images/listo/sort-dir.png) no-repeat 0 -25px;
}

.listo .header .nav div.progress.busy {
    display: inline-block;
}
.listo .header .nav div.progress.not-busy {
    display: none;
}

.listo .header .filters {
    width: 480px;
}

.listo .views a {
    display: inline-block;
    height: 18px;
    width: 19px;
    cursor: pointer;
    position: relative;
    background: #fff url(/images/listo/views.png) no-repeat;
    top: 4px;
}

.listo .views .detail {
    background-position: -20px 0px;
}

.listo .views .grid {
    background-position: 0px 0px;
}

.listo .views .compact {
    background-position: -40px 0px;
}

.listo .views .carousel {
    background-position: -60px 0px;
}

.listo .views a.active {
    cursor: auto;
}

.listo .views .detail:hover, .listo .views .detail.active {
    background-position: -20px -25px;
}

.listo .views .grid:hover, .listo .views .grid.active {
    background-position: 0px -25px;
}

.listo .views .compact:hover, .listo .views .compact.active {
    background-position: -40px -25px;
}

.listo .views .carousel:hover, .listo .views .carousel.active {
    background-position: -60px -25px;
}

.listo .bulk {
    height: 28px;
}

.listo .header .bulk .btn {
    vertical-align: 1px;
}

/* jump to anchor link styles */

.listo .jumpto a {
    white-space:nowrap;
    text-decoration: none;
}

.listo .jumpto a:hover {
    text-decoration: underline;
}

.listo div.jumpto {
    color: #999999;
    font-size: 11px;
    line-height: 155%;
    margin: -8px 9px 10px;
}

/* TABS */
.listo ul.list_tabs {
    border-bottom: 1px solid #E8E8E8;
    height: 25px;
    list-style: none outside none;
    margin-bottom: -14px;
    padding: 18px 0 0;
}

.listo ul.list_tabs li {
    float: left;
    height: 20px;
    margin-bottom: -1px;
}

.listo ul.list_tabs a {
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    border: 1px solid #E8E8E8;
    background-color: #F6F6F5;
    font-size: 13px;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none;
    color: #666;
    display: block;
    cursor: pointer;
}

.listo ul.list_tabs a:focus {
    outline: none;
}

.listo ul.list_tabs li.active a {
    background-color: #fff;
    border-bottom: 1px solid white;
    color: #333;
    cursor: auto;
    font-weight: bold;
    padding: 4px 10px;
}

.listo ul.list_tabs li.active a span {
    font-weight: bold;
    color: #666;
}

.new_list_panel {
    z-index: 4; /* ratings widget uses up to 3 */
    top: 340px;
    left: 300px;
    background: #FFF;
    color:#000;
    padding-bottom: 10px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

.new_list_panel #new_list_name {
    width: 250px;
}

.new_list_panel > div {
    margin: 0 10px 0 10px;
    font-size: 11px;
    line-height: 12px;
    padding: 4px 4px 0;
}

.new_list_panel .panel {
    padding: 10px 4px 9px;
}

.new_list_panel .subpanel {
    border-bottom: 1px dashed #999;
    width: 90%;
}

.new_list_panel .panel .option {
    margin: 7px 0;
}

.new_list_panel .panel input.indent1 {
    margin-left: 0;
    float: left;
}

.new_list_panel .panel input.indent2 {
    margin-left: 17px;
    float: left;
}

.new_list_panel .settings_notify {
    color: #009900;
}

.new_list_panel .settings_header {
    display: block;
    background: #F6F1E3;
    font-size: 12px;
    padding: 10px 0 10px 15px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    -moz-border-radius: 10px 10px;
    -ms-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    border-radius: 10px 10px;
}

.new_list_panel .panel .settings_label {
    margin-top: 3px;
    width: 315px;
    float: left;
}

@-moz-document url-prefix() {
    .listo .grid .desc a:before {
         float:right;
         position:relative;
         content: url(/images/fade.png);
    }
}

.listo .grid .desc {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.listo .see-more {
    display: inline-block;
    width: 614px;
    padding-bottom: 8px;
}

.listo .see-more .create {
    padding-top: 4px;
}

.listo .see-more a {
    display: inline;
}

.listo .see-more .pages {
    padding-top: 4px;
}
.listo .see-more .pages .back_to_top {
    display: inline-block;
}
.listo .see-more .pages .showing {
    float: right;
}
.listo .see-more .pages .pagination {
    float: right;
}

.listo .see-more .lists {
    padding-top: 4px;
}

.listo .export {
    float: right;
}

.list_preview {
    background: #f6f6f6;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 282px;
    padding: 10px;
    height: 50px;
}

.list_preview.watchlist {
    float: left;
}
.list_preview.ratings {
    float: right;
}
.list_preview.checkins {
    clear: left;
    width: 600px;
}

.list_preview .lockicon {
    float: right;
}

.list_preview .items {
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
}

.list_preview img {
    float: left;
    height: 50px;
    width: 50px;
    padding-right: 10px;
}

.list_preview img.placeholder {
    height: 42px;
    width: 32px
}

.list_preview b a {
    font-size: 14px;
}

.list_preview a {
    text-decoration: none;
}

.your_lists .sort {
    float: right;
    padding-right: 5px;
}

.your_lists > a {
    display: block;
    float: right;
    position: relative;
    top: 10px;
    text-decoration: none;
}

a#page-link {
    font-size: 11px;
    text-decoration: none;
    margin-left: 16px;
}
a#page-link:hover {
    text-decoration: underline;
}
a#page-link:visited, a#page-link:active {
    color: #136CB2;
}

.your_lists a:hover {
    text-decoration: underline;
}

.your_lists table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

#main .your_lists th {
    font-weight: normal;
    color: #999;
    text-align: right;
}

#main .your_lists td {
    font-size: 11px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}

#main .your_lists th.name, #main .your_lists td.name {
    font-size: 13px;
    width: 350px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}
#main .your_lists th.action {
    padding-right: 5px;
}

#main .your_lists th.created, #main .your_lists th.modified,
#main .your_lists td.created, #main .your_lists td.modified {
    width: 95px;
}

.your_lists td a {
    text-decoration: none;
}

.your_lists td.name span {
    color: #999;
    font-size: 11px;
}

.your_lists button:disabled {
    display: none;
}

.your_lists select.sort_field {
    margin-right: 3px;
}

.list_tabs .private a {
    background: url(/images/listo/watchlist-sprite.png) no-repeat 0 -65px;
    text-indent: 11px;
}

.checkin-dialog {
    top: 150px;
    left: 220px;
    padding-bottom: 10px;
}

.checkin-dialog span.beta {
    float: right;
    color: #999;
    font-size: 10px;
    padding-top: 10px;
}

.checkin-dialog .info {
    padding-top: 5px;
    padding-bottom: 4px;
    height: 30px;
}

.add_to_checkins a.btn {
    text-align: center;
    width: 72px;
}

.checkin-dialog textarea {
    width: 355px;
    resize: none;
}

.checkin-dialog textarea.placeholder {
    color: #999;
}

.checkin-dialog .share {
    padding-top: 5px;
}

.checkin-dialog .share > span {
    position: relative;
    top: -3px;
    font-weight: bold;
}

.checkin-dialog button {
    float: right;
    margin-top: 5px;
}
.checkin-dialog label {
    display: inline-block;
    height: 16px;
    position: relative;
    font-weight: normal;
    font-size: 10px;
    padding-left: 18px;
}
.checkin-dialog label:hover {
    cursor: pointer;
}
.checkin-dialog label span {
    top: 2px;
    position: relative;
}
.checkin-dialog label.facebook {
    background: url(/images/social/facebook.png) no-repeat;
}
.checkin-dialog label.twitter {
    background: url(/images/social/twitter.png) no-repeat;
}
.checkin-dialog .status {
    float: right;
    display: inline-block;
    width: 18px;
}

.checkin-dialog button.pending {
    background: url(/images/spinning-progress.gif) no-repeat 38px 6px;
}
.checkin-dialog button.pending span {
    visibility: hidden;
}

.sub-list {
    margin: 0 0 22px;
    width: auto;
}