@charset "UTF-8";

/***************************************
 ******** EDITORIAL LEADER BOX **********
 ****************************************/

.leader-box {
 display: block;
 clear: both;
 width: 100%;
}

.leader-box.single-element {
 height: auto;
}

.leader-box div.gallery {
 display: block;
 clear: both;
 height: 298px;
 width: 100%;
 position: relative;
}
.leader-box.columns-2 div.gallery {
    height: 196px;
}

.leader-box div.gallery .gallery-image {
 font-size: 1px;
 line-height: 1px;
}

.leader-box div.carousel-container {
 position: relative;
 width: 100%;
}
.leader-box.hideTabs div.carousel-container {
    display: none;
}

.leader-box div.carousel-container .bg {
 width: 99%;
 float: right;
 height: 37px;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background: #fff url(/images/faded-bg.gif) repeat-x center bottom;
}

.leader-box ul.carousel {
 position: absolute;
 top: -8px;
 display: block;
 clear: both;
 height: 45px;
 background: transparent;
}

.leader-box ul.carousel li {
 float: left;
 display: block;
 text-align: center;
 width: 120px;/* 4 items in 3col width */
 padding: 8px 0 0 0;
 height: 37px;
 position: relative;
}
/* 3 items in 2col width */
.leader-box.columns-2 ul.carousel li {
    width: 105px;
}
/* 5 items in 4col width */
.leader-box.columns-4 ul.carousel li {
    width: 129px;
}

div.leader-box.ratings-height ul.carousel,
div.leader-box.ratings-height div.carousel-container .bg,
div.leader-box.ratings-height ul.carousel li a {
 height: 52px;
}
/* the "div"s are needed to make it more specific for IE6 than other .leader-box ... styles */

.leader-box span.rating-v2 {
 margin: 2px auto 0;
}

/** make items fit in leaderbox **/
#IE6 .leader-box ul.carousel li {
 width: 119px;
}
#IE6 .leader-box.columns-2 ul.carousel li {
 width: 104px;
}
#IE6 .leader-box.columns-4 ul.carousel li {
 width: 128px;
}

/* columns-3 */
.leader-box ul.carousel li.last {
 width: 120px;
}
.leader-box.columns-2 ul.carousel li.last {
    width: 105px;
}
.leader-box.columns-4 ul.carousel li.last {
    width: 129px;
}


.leader-box ul.carousel li.last a {
 border-right: 1px solid #ccc;
}

.leader-box ul.carousel li a {
 display: block;
 clear: both;
 height: 37px;
 width: 100%;
 border-left: 1px solid #ccc;
 background: #fff url(/images/faded-bg.gif) repeat-x center bottom;
 border-bottom: 1px solid #ccc;
}

.leader-box ul.carousel li a span.label {
 display: block;
 clear: both;
 padding: 5px 5px 0;
 font-size: 12px;
 line-height: 13px;
}

.leader-box ul.carousel li a:hover,
.leader-box ul.carousel li a:hover span.label,
.leader-box ul.carousel li.selected a,
.leader-box ul.carousel li.selected a span.label,
.leader-box ul.carousel li.selected a:visited {
 color: #fff;
 background: #ed1b24;
}

.leader-box ul.carousel li span.pointer {
 display: none;
}

.leader-box ul.carousel li.selected span.pointer {
 display: block;
 height: 8px;
 width: 100%;
 background: transparent url(/images/sprites/arrows.gif?v=4.0) no-repeat center
  top;
 position: absolute;
 top: 0;
 left: 0;
 padding: 0;
 font-size: 0;
 line-height: 0;
}

.leader-box div.gallery .frame {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 298px;
 margin: 0;
 background-repeat: no-repeat;
 display: none;
}
.leader-box.columns-2 div.gallery .frame {
    height: 196px;
}

.leader-box div.gallery .frame {
 display: none;
}

.leader-box div.gallery .first-frame {
 display: block;
}

.leader-box div.gallery .info-window {
 display: none;
}
.leader-box div.gallery .info-window.hideThis {
    visibility: hidden;
}

.leader-box div.gallery .first-info-window {
 display: block;
}

.leader-box div.gallery .info-window {
 position: absolute;
 bottom: 15px;
 left: 0;
 width: 100%;
 height: 68px;
 background: transparent;
}

.leader-box div.gallery .info-window h3 {
 position: absolute;
 z-index: 3000;
 bottom: 34px;
 margin: 12px 10px 0;
}
.leader-box div.gallery .info-window.hideTitle h3 {
    display: none;
}

.leader-box div.gallery .info-window h3 a {
 padding: 2px 8px 4px 3px;
 color: #fff;
 display: block;
 background: #ed1b24;
}

.leader-box div.gallery .info-window h3 a span {
 background: transparent url(/images/sprites/icons.gif?v=2.5) no-repeat scroll
  0 -213px;
 padding-right: 10px;
 margin-left: 6px;
}

.leader-box div.gallery .info-window p {
 position: absolute;
 z-index: 3000;
 bottom: -4px;
 margin: 11px 10px 15px 10px;
 color: #fff;
 font-size: 1.2em;
 line-height: normal;
}

.leader-box div.gallery .info-window .bg {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #000;
 opacity: 0.6; /* CSS3 */
 z-index: 2000;
}

.leader-box.hideTabs div.gallery .info-window {
 bottom: 0;
}

/****************************************
 *** END OF EDITORIAL LEADER BOX ****
 ****************************************/
#major-attractions h4 {
 font-size: 1.17em;
 color: #333;
}

div#major-attractions .navigation {
 width: 100%;
 float: left;
}

div#major-attractions.element-wrapper .venue-container.navigation {
 padding: 6px 0;
}

/*** whats on/random picks ****/
div.two-column-large-image-box {
 padding-bottom: 10px;
}

div.two-column-large-image-box div.image-container {
 width: 320px;
 padding-right: 10px;
 float: left;
}

#travel-home #perfect-for .image-container span.credits,
div.two-column-large-image-box div.image-container span.caption,
.credit,
.caption
 {
 color: #999;
 float: right;
 font-size: 0.916em;
 display: block;
 padding-top: 3px;
 padding-bottom: 10px;
}

.credit,.caption {
 float: none;
}

#whats-on h3 {
 line-height: 16px;
}

/********* Editors Hot list ********/
.editors-hot-list .left-column .number-column {
 width: 12%;
 font-size: 48px;
 line-height: 50px;
 color: #ed1b24;
 float: left;
 font-weight: bold;
 letter-spacing: -5px;
}

.editors-hot-list .left-column .result-content-column {
 float: right;
 width: 87%;
 margin-top: 7px;
}

.editors-hot-list .continue-link {
 display: block;
 clear: both;
 padding: 6px 0;
}

/********* Most viewed ********/
#most-viewed span.category {
 font-weight: bold;
}

/********* Review booking button *********/
div.editorial-body div.button-wrapper,
div.review-container div.button-wrapper {
    margin: -15px 0 20px;
}

/********* Details *********/
div.dual-column-details .column-contact {
 float: left;
 width: 35%;
}

div.dual-column-details .column-contact .venue-info {
 display: block;
}
div.qtip-content div.review {
 padding: 10px 5px 10px 5px;
}

div.qtip-content div.review {
 width: 150px;
 font-size: 1em;
 line-height: 15px;
}

div.qtip-content div.review h4 {
 margin-bottom: 5px;
}

div.dual-column-details .column-info {
 float: right;
 width: 60%;
}

div.dual-column-details .column-info .opening {
 padding-top: 0;
}

div.dual-column-details .column-info a.url {
 display: block;
}

div.dual-column-details div.scoresOnTheDoors {
	position: relative;
}

#IE6 div.dual-column-details div.scoresOnTheDoors {
    position: static;
}

div.dual-column-details div.scoresOnTheDoors a {
	position: absolute;
	top: -4px;
	right: 0px;
}

#IE6 div.dual-column-details div.scoresOnTheDoors a {
    display: none;
}


/********* special offers on restaurant venue *********/

.specialOffers .list-item {
    padding-bottom: 12px;
    border-bottom: 1px solid #aaa;
    margin-bottom: 12px;
    overflow: hidden;
}
.specialOffers .list-item h4 {
    display: inline;
    line-height: 1.3em;
    padding-right: 5px;
    background: transparent url(/images/sprites/icons.gif?v=2.5) no-repeat scroll 0 -844px;
    padding-left: 20px;
}
.specialOffers .list-item h4.withDesc {
    display: block;
}
.specialOffers .list-item p.desc {
    display: inline;
    padding-right: 5px;
}
.specialOffers .list-item .showhide {
    font-size: 1em;
    padding-right: 5px;
}

a.action {
    color: #ed1b24;
    font-size: 1.166em;
    line-height: 1.3em;
    font-weight: bold;
}

#venue-show div.double-column-header .solid-border-bottom {
 padding: 0 0 4px 0;
}

.double-column-header h2 {
 display: inline;
 font-size: 1.5em;
 font-weight: normal;
}

.double-column-header h2 span {
 font-weight: bold;
}

/*** City guide drop down ***/
div#cityguide-dropdown {
 text-align: center;
 border: 1px solid #ccc;
 background: #fff url(/images/faded-bg.gif) repeat-x center bottom;
 padding: 5px 0;
}

div#cityguide-dropdown h4 {
 display: inline;
 padding-right: 5px;
}

div#cityguide-dropdown select {
 width: 180px;
}

/******************************/ /********* Facet **************/
 /******************************/

div#facet-wrapper {
    margin-bottom: 27px;
}

div#facet-wrapper span.refine-count {
 color: #999;
 font-size: 11px;
}

/****************************************
 ***** FACET SEARCH FORM (tickets) ******
 ****************************************/
div#facet-search h3.box-header {
 border-bottom: none;
 margin-bottom: 14px;
}

div#facet-search {
 display: block;
 clear: both;
 margin-bottom: 5px;
}

div#facet-search button {
 background: #fff url(/images/sprites/search.gif?v=2.1) no-repeat scroll left
  -201px;
 color: #aaa;
 width: 47px;
 height: 18px;
 float: right;
 margin-bottom: 5px;
 padding: 0;
}

div#facet-search input,
div#facet-search select {
 display: block;
 margin-bottom: 9px;
 font-size: 0.9em;
}

div#facet-search #keyword {
 border: 1px solid #aaa;
 width: 97%;
 padding: 2px 0 2px 2px;
}

div#facet-search button span {
 display: none;
}

/****************************************
 ****** END GENERIC FACET SEARCH FORM ***
 ****************************************/
div#your-filters {
 border: 1px solid #AAA;
 margin-bottom: 10px;
 padding: 5px;
}

div#your-filters h3 {
 margin-bottom: 10px;
}

div#your-filters div.filter-wrapper {
 margin-bottom: 3px;
}

div#your-filters p strong {
 padding-right: 3px;
}

div#explore-wrapper div.editorial-filters {
 line-height: 18px;
}

div#explore-wrapper .refine-list h4.refine-group-header {
 border-top: 1px solid #AAA;
 border-bottom: 1px dotted #AAA;
 margin-top: 18px;
 margin-bottom: 7px;
 padding-left: 10px;
}

div#explore-wrapper .refine-list h4.refine-group-header.hide {
 display: none;
}

div#explore-wrapper .refine-list h4.has-children.open {
 background: transparent url(/images/search/arrow_v.gif) no-repeat scroll
  -1px 50%;
 cursor: pointer;
}

div#explore-wrapper .refine-list h4.has-children.closed {
 background: transparent url(/images/search/arrow_h.gif) no-repeat scroll
  0 50%;
 cursor: pointer;
}

#IE6 div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container,
#IE6 div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container ul li.child-container,
#IE7 div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container,
#IE7 div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container ul li.child-container {
 font-size: 0%;
}

div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container ul li,
div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.child-container ul li ul li {
 font-size: 12px;
 line-height: 15px;
}


div#explore-wrapper .refine-list {
 padding-bottom: 13px;
 border-bottom: 1px solid #aaa;
}

div#explore-wrapper .refine-list ul {
 line-height: 15px;
}

div#explore-wrapper .refine-list .weekend {
 color: #ED1B24;
}

div#facet-wrapper div#explore-wrapper .refine-list ul.facets li {
 padding-left: 12px;
 margin-bottom: 2px;
}

/** Do not indent the flags facets **/
div#facet-wrapper div#explore-wrapper .refine-list ul.facets.flags li {
 padding-left: 4px;
}

/** Increase the space between the free flag and the Major venue flag **/
div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.flag.free
 {
 margin-bottom: 4px;
}

div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.has-children,div#facet-wrapper div#explore-wrapper .refine-list span.show-more,div#facet-wrapper div#explore-wrapper .refine-list span.show-less
 {
 cursor: pointer;
 background-repeat: no-repeat;
 background-position: left 2px;
 background-color: #FFF;
 /** Needed to display the open/close element in IE**/
}

div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.has-children.open
 {
 background-image: url(/images/search/arrow_v.gif);
}

div#facet-wrapper div#explore-wrapper .refine-list ul.facets li.has-children.closed
 {
 background-image: url(/images/search/arrow_h.gif);
}

div#facet-wrapper div#explore-wrapper .refine-list span.show-more,div#facet-wrapper div#explore-wrapper .refine-list span.show-less
 {
 padding-left: 15px;
}

div#facet-wrapper div#explore-wrapper .refine-list span.show-more {
 background-image: url(/images/search/blue_more.gif);
}

div#facet-wrapper div#explore-wrapper .refine-list span.show-less {
 background-image: url(/images/search/blue_less.gif);
}

div.refine-list a:hover span {
 color: #ED1B24;
}

div#facet-wrapper img.p1x1 {
 font-size: 0;
 line-height: 0;
}

/*********** Search Results **************/
#result-container div.result {
 margin: 0;
 padding: 14px 0 15px 0;
}
#IE6 #result-container div.result {
 height: 1%;
}

.show-booking-ahead .first-result,
#result-container div.first-result {
 padding-top: 0;
 border-top: none;
}

#result-container div.result div.left-column {
 width: 362px;
 float: left;
}
#result-container div.sponsored div.result div.left-column {
 width: 352px;
}

#result-container div.result div.right-column {
 width: 120px;
 border-top: 0;
 padding-top: 0;
 margin-left: 0;
 text-align: right;
}

#result-container div.result div.right-column .image-container {
 margin-bottom: 3px;
}

#IE6 #result-container div.result div.right-column {
    width: 110px;
}
#IE6 #result-container div.result div.right-column .image-container {
 margin-bottom: 0px;
}

#result-container div.result h2 {
 display: inline;
 color: #333;
 font-size: 1.33333em;
}
#london-search #result-container div.result h2 {
 display: block;
}

#result-container div.result span.now-showing {
 font-weight: bold;
 color: #ed1b24;
}

#result-container div.result span.date {
 font-weight: bold;
 color: #333;
 display: block;
 float: left;
}

#result-container div.result .category-tags {
 line-height: 14px;
 margin-bottom: 5px;
}

.tags-container div.tags,
#result-container div.result div.tags {
 margin: 5px 0 0 0;
 padding: 5px 0 0 0;
 line-height: 15px;
}
div.tagList .tags-container div.tags {
 margin-top: 0;
}

.tags-container span,
#result-container div.result div.tags span {
 color: #999;
}

#result-container div.result address {
 line-height: normal;
}

#result-container div.result address.inline {
 display: inline;
}

.tags-container span.tag-label,
#result-container div.result div.tags span.tag-label {
 color: #aaa;
}

.tags-container li,
#result-container div.result div.tags li {
 line-height: 15px;
}

#result-container div.result div.flags {
 padding: 9px 0 0 0;
 margin: 6px 0 0 0;
}

#result-container div.result div.offers {
 margin: 5px 0 0 0;
 padding: 5px 0 0 0;
}

#result-container div.result div.offers a {
 color: #ed1b24;
}

#result-container div.result h2 {
 margin-bottom: 3px;
 margin-right: 3px;
 line-height: 18px;
}

.tags-container a,
#result-container div.result div.tags a {
 color: #09f;
}

#result-container div.result div.tags a.hide-link:hover,
#result-container div.result div.tags a.show-link:hover {
 color: #ed1b24;
}

div.tags-container div.tags a.hide-link,
div.tags-container div.tags a.show-link,
#result-container div.result div.tags a.hide-link,
#result-container div.result div.tags a.show-link {
 font-size: 100%;
 line-height: 1;
}

#result-container div.result div.details {
 margin: 3px 0 3px 0;
 clear: both;
 overflow: hidden;
}
#result-container div.result p.review {
 clear: both;
}

#result-container div.result span.category {
 font-weight: bold;
 margin-right: 5px;
}

.tags-container ul,
#result-container div.result ul {
 display: inline;
}

.tags-container ul.horizontal li,
#result-container div.result ul li {
 padding-right: 0;
}

#result-container div.result .external-review {
 color: #ED1B24;
 font-weight: bold;
}
#result-container div.result span.rating {
 padding: 2px 80px 2px 0;
}

#result-container div.result div.buttons {
 padding-left: 7px;
}

#result-container div.result div.buttons .little-button {
 margin-right: 0px;
}

div.image-container {
    overflow: hidden;
}
div.image-container span.caption {
 display: block;
 padding-top: 3px;
}

.search .center-content .openx-ad {
 margin-top: 30px;
}

#result-container div.result.sponsored {
 background-color: #fbf4e1;
 padding: 4px;
 margin-bottom: 15px;
}

#result-container div.result p.sponsored-by {
 color: #979994;
}

.london-results-container div.flags-container {
 display: block;
 clear: both;
}

.london-results-container h4.category {
 float: left;
 font-size: 12px;
 line-height: 14px;
 margin-right: 10px;
}

.london-results-container h4.category span.spacer {
 padding-right: 5px;
}

.london-results-container div.ratings-wrapper,
.london-results-container div.price-wrapper,
.london-results-container .flag {
    margin: 0 10px 0 0 !important;
}

.london-results-container div.ratings-wrapper {
 float: left;
 margin-left: 10px;
}

.london-results-container div.price-wrapper {
 float: left;
 margin-left: 10px;
 padding-top: 3px;
}

.london-results-container .distance {
 padding-left: 5px;
}

.london-results-container .distance span {
 color: #999;
}

div.tags div.truncate_more,
div.tags div.truncate_less {
 display: inline;
}

/************** Newsletter sign up box ***********/
#newsletterSignup {
 background: transparent url(/images/nl-bubble.gif) no-repeat scroll 0 0;
 height: 120px;
 padding: 10px;
}

#newsletterSignup h3 {
 padding-left: 25px;
 margin-bottom: 5px;
 color: #FFF;
}

#newsletterSignup h3 a,#newsletterSignup p {
 color: #FFF;
}

#newsletterSignup p {
 margin-bottom: 6px;
}

#newsletterSignup form button {
 background: #fff url(/images/sprites/search.gif?v=2.1) no-repeat scroll left -319px;
 height: 21px;
 width: 86px;
 vertical-align: top;
 margin-left: 1px;
}

#newsletterSignup form button span {
 display: none;
}

#newsletterSignup  #newsletterEditor {
 margin: 14px 0 0 -10px;
}

#newsletterSignup  #newsletterEditor strong {
 line-height: 18px;
}

/****************************************
 ************ Search No Results *********
 ****************************************/
.no-primary-results {
 font-size: 1.2em;
 border-bottom: 1px solid #aaa;
 padding: 10px 0 50px 15px;
 margin-bottom: 5px;
}

.error-404 .error-message {
 color: #fff;
 background: url(/images/message-bubble.gif) no-repeat;
 height: 90px;
 width: 455px;
 margin: 0;
 padding: 10px 0 0 13px;
}

.no-primary-results .bubble {
    position: relative;
    width: 370px;
    margin-bottom: 20px;
}
.no-primary-results .bubble h3 {
 font-size: 18px;
 margin-bottom: 3px;
}


/****************************************
 ****** good to go/city guides **********
 ****************************************/
#good-to-go h5.date {
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
  left -631px;
 float: left;
 padding-left: 6px;
}

#good-to-go h5.date span {
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
  right -631px;
 color: #fff;
 display: block;
 padding: 3px 5px 4px 0;
}

#good-to-go h5 span,#online-city-guides h5 span {
 display: inline;
 color: #ed1b24;
}

#online-city-guides .city-list {
 padding-top: 11px;
}

#online-city-guides .city-list h4 {
 font-weight: normal;
 font-size: 14px;
 margin-bottom: 10px;
}

#online-city-guides .city-list div.venue-container {
 border-right: 1px dotted #aaa;
 width: 151px;
}

#online-city-guides .city-list div.venue-container.last {
 border-right: none;
}

/****************************************
 ************ perfect for ***************
 ****************************************/
#perfect-for div.tabs {
 border-bottom: 1px solid #AAA;
 padding-bottom: 4px;
 margin-bottom: 13px;
}

/* @todo: check in safari (not in chrome), try to solve differently  */
/** HACK ALERT Safari specific code!**/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #perfect-for div.tabs {
  padding-bottom: 3px;
 }
}

#perfect-for div.tabs ul {
 margin: 15px auto 0;
 text-align: center
}

#perfect-for div.tabs ul li {
 padding-right: 0;
 margin-right: -2px;
}

#perfect-for div.tabs ul li a {
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
  scroll 0 -543px;
 padding: 4px 0 3px 10px;
}
#IE6 #perfect-for div.tabs ul li a,
#IE7 #perfect-for div.tabs ul li a {
 background-position: 0 -539px;
 padding-bottom: 2px;
}

#perfect-for div.tabs ul li a span {
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
  scroll right -543px;
 padding: 4px 10px 3px 0;
 color: #FFF;
}
#IE6 #perfect-for div.tabs ul li a span,
#IE7 #perfect-for div.tabs ul li a span {
 padding-bottom: 2px;
}

#perfect-for div.tabs ul li.selected a {
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
  scroll 0 -452px;
}
#IE6 #perfect-for div.tabs ul li.selected a,
#IE7 #perfect-for div.tabs ul li.selected a {
 background-position: 0 -448px;
}

#perfect-for div.tabs ul li.selected a span {
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
  scroll right -452px;
 color: #333;
}

#perfect-for ul.subnav {
 margin-bottom: 8px;
 font-size: 1.166em;
}

#perfect-for ul.subnav li {
 border-right: 1px solid #AAA;
 padding-left: 8px;
}

#perfect-for ul.subnav li a {
 font-weight: bold;
}

#perfect-for ul.subnav li.selected a {
 color: #ED1B24;
}

#perfect-for ul.subnav li.first {
 padding-left: 0;
}

#perfect-for ul.subnav li.last {
 border-right-width: 0;
}

#perfect-for .image-container {
 float: left;
 width: 320px;
 margin-right: 10px;
}

#perfect-for .image-container span.credits {
 float: right;
}

#perfect-for .hidden {
 display: none;
}

#perfect-for .information-container .text-container {
 float: left;
 width: 150px;
}

#perfect-for .information-container .text-container a.more {
 line-height: 15px;
}

#perfect-for .information-container .list-container {
 float: left;
 width: 150px;
 margin-left: 13px;
}

/****************************************
 ************ GLOBAL HOME ***************
 ****************************************/
#home-index .global-top {
 margin-bottom: 20px;
}

#home-index p {
 font-size: 1.2em;
 line-height: 18px;
}

#home-index .center-columns .left-column {
 width: 152px;
 float: left;
 margin-right: 13px;
}

#home-index .center-columns .right-column {
 width: 482px;
 float: left;
}

#home-index .leader-box.element-wrapper {
 margin-bottom: 17px;
}

#about-time-out p {
 margin-bottom: 10px;
}

#destination-inspiration .image-container {
 margin-bottom: 5px;
}

#destination-list .list-container {
 padding: 0 17px 3px;
 border-left: 3px solid #ddd;
 border-right: 3px solid #ddd;
}

/** make curved-bottom line up **/
#IE6 #destination-list .list-container {
 height: 5px;
}

#destination-list .curved-top,#destination-list .curved-bottom,#destination-list .curved-top div,#destination-list .curved-bottom div
 {
 height: 10px;
}

#destination-list .curved-top {
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
  scroll left -777px;
}

#destination-list .curved-top div {
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
  scroll right -814px;
}

#destination-list .curved-bottom {
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
  scroll left -861px;
}

#destination-list .curved-bottom div {
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
  scroll right -898px;
}

#destination-list .list-container ul {
 width: 141px;
 float: left;
 border-right: 1px solid #CCC;
 margin-right: 10px;
}

#destination-list .list-container ul.first {
	margin-right: 13px;
	}

#destination-list .list-container ul.third {
    width: 148px;
    }

#destination-list .list-container ul a {
 font-size: 1.2em;
 line-height: 1.7em;
}

#destination-list .list-container ul a .local-name {
 font-size: 0.7em;
}

#destination-list .list-container ul.last {
 border-right-width: 0;
 margin-right: 0;
}

#destination-list .list-container ul span.major {
 font-size: 1.2em;
 font-weight: bold;
}

#magazine-subscription p {
 margin-bottom: 10px;
}

#magazine-subscription .row-1,#magazine-subscription .row-2 {
 margin: 0 10px 20px;
}

#magazine-subscription .row-1 .image-container,#magazine-subscription .row-2 .image-container
 {
 float: left;
 margin-right: 35px;
}

#magazine-subscription .row-2 .image-container {
 margin-right: 26px;
}

#magazine-subscription .row-1 .image-container.last,#magazine-subscription .row-2 .image-container.last
 {
 margin-right: 0;
}

#magazine-subscription form {
 text-align: center;
}


/****************************************
 ********** LONDON COMPONENTS ***********
 ****************************************/

/*********************************************
 ********** TICKETS SEARCH RESULTS ***********
 *********************************************/
a.buy-tickets span {
 display: none;
}

a.buy-tickets {
 background: #fff url(/images/sprites/search.gif?v=2.1) no-repeat scroll left
  -257px;
 width: 66px;
 height: 18px;
}

.search a.buy-tickets {
 margin-top: 5px;
}

/*********************************************
 ************** MAP ELEMENT CSS **************
 *********************************************/
.google-map, #google-map {
 height: 295px;
 border: 1px solid #aaa;
 background: #ccc url(/images/loader.gif) no-repeat center;
}

.google-map #copyright, #google-map #copyright {
 white-space: normal !important;
}

#venue-events-list #result-container.solid-border-bottom {
 padding: 0;
}

#venue-events-list #result-container div.result {
 padding: 7px 0;
}

#venue-events-list h3.box-header {
 margin-bottom: 5px;
}

div.leftColumn span.date,
#result-container div.result span.date,
#venue-events-list #result-container div.result span.date,
.multi-format .search-result span.date {
 display: block;
 float: left;
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
  scroll top left;
 padding: 0 0 0 5px;
 margin: 0 5px 0 0;
}

div.leftColumn span.date span,
#result-container div.result span.date span,
#venue-events-list #result-container div.result span.date span,
.multi-format .search-result span.date span
 {
 color: #fff;
 display: block;
 float: left;
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
  scroll top right;
 padding: 0 5px 0 0;
 line-height: 17px;
 margin: 0;
 font-weight: normal;
}

#venue-events-list #result-container div.result span.category {
 line-height: 17px;
}

/*********************************************
 ********** FACEBOOK CONNECT ************
 *********************************************/

/*============== facebook I'm going button ==============*/
div.facebook-going {
}
.peopleGoingModule div.userGoing h4 {
    font-size: 120%;
    padding: 2px 4px 0 0;
    float: left;
    margin-right: 5px;
}
.peopleGoingModule div.userGoing .tabNav {
    float: left;
    margin: 0;
}
div.facebook-going .tabNav {
    text-align: left;
    border-bottom-width: 0;
}
div.facebook-going .tabNav ul {
    margin: 0 !important;
    width: auto !important;
}
div.facebook-going .tabNav ul li span {
    background-image: none;
    border-right-width: 0;
}
div.facebook-going .tabNav ul li span span {
    background:url("/images/sprites/buttons.gif?v=5") no-repeat scroll transparent;
    background-position: -10px -834px;
    border-right: 2px solid #ccc;
}
div.facebook-going .tabNav ul li span.first {
    background-position: 0 -834px;
}
div.facebook-going .tabNav ul li span.last {
    background-position: right -834px;
    border-right-width: 0;
}
div.facebook-going .tabNav ul li span span span {
    background-image: none;
    border-right-width: 0;
}
div.facebook-going .tabNav ul li .tab-content {
    padding: 6px 18px;
}

div.facebook-going .tabNav .selected .yes span {
    background-position: -10px -732px;
}
div.facebook-going .tabNav .selected .yes span.first {
    background-position: 0 -732px;
}
div.facebook-going .tabNav .selected .yes span.last {
    background-position: right -732px;
}
div.facebook-going .tabNav .selected .maybe span {
    background-position: -10px -766px;
}
div.facebook-going .tabNav .selected .maybe span.first {
    background-position: 0 -766px;
}
div.facebook-going .tabNav .selected .maybe span.last {
    background-position: right -766px;
}
div.facebook-going .tabNav .selected .no span,
div.facebook-going .tabNav .selected .been span {
    background-position: -10px -800px;
}
div.facebook-going .tabNav .selected .no span.first,
div.facebook-going .tabNav .selected .been span.first {
    background-position: 0 -800px;
}
div.facebook-going .tabNav .selected .no span.last,
div.facebook-going .tabNav .selected .been span.last {
    background-position: right -800px;
}

div.facebook-going h4 {
    margin-bottom: 10px;
}
div.facebook-going div.tabNav {
    margin-bottom: 10px;
}

div.facebook-going div.goingDateInner {
    position: relative;
}
div.facebook-going div.buttons {
    position: absolute;
    bottom: 0;
    right: 0;
}
.peopleGoingModule div.facebook-going div.buttons {
    bottom: 10px;
    right: 5px;
}


/*============== facebook let friends know page ==============*/

div.facebook-friends {
}
div.facebook-friends .rounded-corners-content {
    padding: 10px 35px;
    text-align: center;
}
div.facebook-friends .rounded-corners-content p,
div.facebook-friends .rounded-corners-content ul {
    font-size: 120%;
    text-align: left;
    margin-bottom: 15px;
}

/*============== facebook who's going users list ==============*/

h3.box-header span.fb-people-going {
    font-size: .777em;
    color: #666;
	font-weight: normal;
}
h3.box-header {
    position: relative;
}
h3.box-header a.more {
    color: #09f;
    font-size: 65%;
    font-weight: normal;
    position: absolute;
    right: 0;
    top: .4em;
}
#IE6 h3.box-header a.more,
#IE7 h3.box-header a.more {
    top: 8px;
}
div.facebook-users {
    margin-right: -20px;
    /*margin-bottom: -15px;*/
    overflow: hidden;
    position: relative;
}
#IE6 div.facebook-users {
    height: 1%;
}

div.facebook-users div.user {
    width: 50px;
    float: left;
    overflow: hidden;
    margin: 0 19px 15px 0;
    position: relative;
}
#IE6 div.facebook-users div.user {
    margin-right: 18px;
}
div.facebook-users div.user span.image {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
}
#IE6 div.facebook-users div.user span.image {
    position: relative;
}
div.facebook-users div.user span.image em {
    font-style: normal;
    font-size: 90%;
    text-align: center;
    padding: 2px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    background-color: #000;
    color: #fff;
    opacity: 0.6;
}
div.facebook-users div.user span.name {
    font-size: 90%;
    color: #666;
    display: block;
    padding-top: 3px;
    line-height: 1.125;
}


/*********************************************
 *************** MY TIMEOUT *****************
 *********************************************/

/*============== header ==============*/

.myTOtop {
    text-align: right;
    position: relative;
    background-color: #fff;
    color: #333;
}
#IE6 .myTOtop {
    height: 1%;
}
.myTOtop {
    margin-top: 10px;
}
.london .myTOtop {
    margin-top: 0; /* because .london .global-header has margin-bottom: 10px */
}
.myTOtop {
    margin-bottom: -10px; /* because .page-wrapper has margin-top: 20px */
}
.event .myTOtop,
.article .myTOtop,
.venue .myTOtop,
.review .myTOtop,
.no-border-top .myTOtop,
.section .myTOtop {
    margin-bottom: -20px; /* because .page-wrapper for all those page types has padding-top: 30px */
}
.search .myTOtop {
    margin-bottom: -21px; /* because .search .page-wrapper has padding-top: 16px; and .searchBox has margin-top: 15px */
}

.myTOtop a {
    color: #09f;
}
.myTOtop a.back {
    position: absolute;
    top: 7px;
    left: 0;
    background: transparent url(/images/sprites/icons-left.gif?v=5.1) no-repeat scroll left -334px;
    padding-left: 10px;
    color: #333;
}
.myTOtop a:hover {
    color: #ed1b24;
}

.myTOtop #loginButton {
    background: #fff url(/images/sprites/buttons.gif?v=5) no-repeat scroll left -132px;
    padding: 4px 0 5px 10px;
    line-height: 26px;
}
#IE6 .myTOtop #loginButton,
#IE7 .myTOtop #loginButton {
    background-position: left -128px;
}

.myTOtop #loginButton span.inner {
    background: #fff url(/images/sprites/buttons.gif?v=5) no-repeat scroll right -132px;
    padding: 4px 10px 5px 0;
}

.myTOtop #loginButton strong {
    padding-right: 10px;
    font-weight: normal;
}
.myTOtop #loginButton .pic {
    position: relative;
    width: 30px;
    display: inline-block;
}
#IE6 .myTOtop #loginButton .pic {
    display: none;
}
.myTOtop #loginButton img {
    position: absolute;
    top: -14px;
    left: 0;
    background: url("/images/myTO/t_silhouette_small.jpg") no-repeat scroll 0 0 transparent;
}
#IE7 .myTOtop #loginButton img {
    top: -8px;
}
.myTOtop #loginButton a.facebook {
    background: url(http://static.ak.fbcdn.net/images/connect_favicon.png) no-repeat right center;
    padding-right: 18px;
}


.mytimeout .split-right-column {
    border-top: 1px solid #aaa;
}
.mytimeout .nav-related {
    margin-top: 15px;
}

.mytimeout .double-column-header.compact {
    margin-bottom: 20px;
    border-top: none;
}
.mytimeout .double-column-header.compact h4 {
    font-size: 1.5em;
}

.mytimeout h2.subhead {
    border-bottom: 1px solid #aaa;
    padding-bottom: 5px;
}
.mytimeout #result-container h2.box-header {
    margin-bottom: 5px;
    margin-top: -1px;
}

/*============== slider ==============*/

.sliderBox {
    position: relative;
    clear: both;
    overflow: hidden;
    height: 50px;
}

.sliderBox .ui-slider {
    height: 30px;
    margin: 0 10px 0 8px;
}
.sliderBox .ui-widget-content {
    background: transparent;
    border-width: 0;
}
.sliderBox .ui-slider-range {
    opacity: .25;
    background-image: none;
}
.sliderBox .ui-slider .ui-slider-handle {
    margin-top: 20px;
    background: url(/images/myTO/handle.png) no-repeat 0 0;
    width: 19px;
    height: 23px;
    border-width: 0;
    cursor: e-resize;
}

.sliderBox .days {
    position: absolute;
    left: 0;
    top: 0;
    border: solid #ccc;
    border-width: 1px 0;
    width: 100%;
}
.sliderBox .days ul {
    border-left: 1px solid #ccc;
    overflow: hidden;
    margin: 0 10px 0 8px;
}
#IE6 .sliderBox .days ul {
    height: 1%;
}
.sliderBox .days li {
    float: left;
    width: 65px;
    overflow: hidden;
    border-right: 1px solid #ccc;
    font-weight: bold;
    padding: 7px 0;
    height: 100%;
    text-align: center;
    font-size: 1.2em;
}

.sliderBox .days li.today {
    color: #09f;
}
.sliderBox .days li.saturday,
.sliderBox .days li.sunday {
    color: #ed1b24;
}


/*============== events ==============*/

.mytimeout .tabNav {
    border-bottom: 1px solid #aaa;
    text-align: center;
}
.mytimeout .tabNav ul {
    float: none;
    overflow: hidden;
    width: auto;
    margin: 0 0 20px 0 !important;/* IE */
}
.mytimeout .tabNav ul li {
    float: none;
    display: inline-block;
}
.mytimeout #IE6 .tabNav ul li,
.mytimeout #IE7 .tabNav ul li {
    height: 1%;
    display: inline;
}

.mytimeout #result-container {
    margin-bottom: 30px;
}
.mytimeout #result-container div.result {
    padding: 0;
/*
    position: relative;
*/
    overflow: hidden;
    border-bottom: 6px solid #ddd;
    margin-bottom: 18px;
}
.mytimeout #result-container div.innerResult {
    padding: 9px 0 7px;
}

.mytimeout #result-container div.result div.left-column {
    width: 347px;
}
.mytimeout #result-container div.result div.right-column {
    width: 135px;
}

.mytimeout #result-container div.result div.actions {
    margin: 5px 0;
}
.mytimeout #result-container div.result div.actions a.delete {
}
.mytimeout #result-container div.result div.actions a.email {
}
/* fixes :hover issues */
.mytimeout #IE7 #result-container div.result {
    background: #fff;
}

.mytimeout #result-container div.result div.date {
}
.mytimeout #result-container div.result div.date strong {
    display: block;
}

#result-container div.result p.dateAdded {
    color: #aaa;
}

/* __________ people going and feedback __________ */

#result-container div.result div.peopleGoingBox {
}
#result-container div.result div.peopleGoingBox div.peopleGoing {
    padding-bottom: 0;
}
#result-container div.result div.peopleGoingBox div.userGoing,
#result-container div.result div.peopleGoingBox div.feedback {
    padding-bottom: 5px;
}
#result-container div.result div.peopleGoingBox div.facebook-users {
    float: left;
    margin-right: 0;
}
#result-container div.result div.peopleGoingBox div.facebook-users div.user {
    width: 30px;
    margin: 0 10px 10px 0;
}
#IE6 #result-container div.result div.peopleGoingBox div.facebook-users div.user {
    margin-right: 9px;
}
#result-container div.result div.peopleGoingBox div.facebook-users div.user span.image {
    width: 30px;
    height: 30px;
}
#result-container div.result div.peopleGoingBox div.more-users {
    float: left;
    position: relative;
    overflow: hidden;
    text-align: left;
    padding-bottom: 5px;
}
#result-container div.result div.peopleGoingBox div.more-users a {
    display: block;
}
#result-container div.result div.peopleGoingBox div.attendingInfo {
    text-align: right;
    line-height: 1.3;
    overflow: hidden;
}

/* ____________________ */

.mytimeout p.noResults {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.333;
    color: #999;
    margin: 20px 10px;
}

/* __________ slide box __________ */
div.result div.peopleGoingBox,
.peopleGoingModule div.attendanceFeedback {
    border-top: 1px dotted #aaa;
    margin: 6px 0 0;
    padding: 6px 0 0;
    /*
    position: relative;
    overflow: hidden;
    */
}
body.search div.result div.peopleGoingBox {
    border-bottom: 6px solid #ddd;
}
.peopleGoingModule div.attendanceFeedback {
    border-bottom: 6px solid #ddd;
    margin: 6px 0 11px;
}
div.result div.peopleGoingBox div.peopleGoing,
.peopleGoingModule div.attendanceFeedback div.userGoing {
    padding: 0 0 6px;
}
#IE6 .peopleGoingModule div.attendanceFeedback div.userGoing .tabNav,
#IE7 .peopleGoingModule div.attendanceFeedback div.userGoing .tabNav {
    margin-bottom: 6px;;
}
div.result div.peopleGoingBox div.attendanceFeedback,
.peopleGoingModule div.attendanceFeedback div.goingDate {
    background-color: #eee;
    overflow: hidden;
    border: dotted #aaa;
    border-width: 1px 1px 0;
}
#IE6 div.result div.peopleGoingBox div.attendanceFeedback,
#IE6 .peopleGoingModule div.attendanceFeedback div.goingDate {
    height: 1%;
}
div.result div.peopleGoingBox div.attendanceFeedback div.facebook-going,
.peopleGoingModule div.attendanceFeedback div.goingDate div.goingDateInner {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background-color: #fff;
    margin: 10px 20px;
    padding: 10px;
    overflow: hidden;
    /*position: relative;*/
}

#IE6 div.result div.peopleGoingBox div.attendanceFeedback div.facebook-going,
#IE6 .peopleGoingModule div.attendanceFeedback div.goingDate div.goingDateInner {
    height: 1%;
}
#IE6 div.facebook-going div.datePicker {
    float: left;
}
#IE6 div.facebook-going div.buttons {
    position: static;
    float: right;
    padding-top: 25px;
}

/*============== venues ==============*/

div.button-wrapper div.manageRadar {
    display: inline-block;
    position: relative;
    margin-top: 7px;
}
#IE6 div.button-wrapper div.manageRadar,
#IE7 div.button-wrapper div.manageRadar {
    display: inline;
}
div.button-wrapper div.manageRadar .my-radar-state {
    width: 60px;
    position: absolute;
    left: -65px;
    top: 5px;
    text-align: right;
}
#your-filters div.button-wrapper {
    min-height: 24px;
}
#IE6 #your-filters div.button-wrapper div.manageRadar,
#IE7 #your-filters div.button-wrapper div.manageRadar {
    display: inline-block;
}
#your-filters div.button-wrapper div.manageRadar .my-radar-state {
    position: static;
    left: auto;
    top: 2px;
    text-align: left;
}
.manageRadar img {
    margin-top: -5px;
}


/*============== radar overlay and tooltip ==============*/


div.radarOverlay {
    padding: 10px;
    height: 600px;
    width: 600px;
}

div.radarOverlay h2 {
    font-size: 2.7em;
    margin-bottom: .5em;
}
div.radarOverlay h2.radar {
    background: transparent url(/images/myTO/radar.gif) no-repeat scroll 0 0;
    padding-left: 65px;
    line-height: 57px;
}
p.radar {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 1.4em;
 line-height: 21px;
 margin-bottom: .5em;
}
div.radarOverlay p.radar {
 margin-bottom: 1.1em;
 font-size: 1.5em;
}
p.radar a {
 font-family: Georgia, "Times New Roman", Times, serif;
}
p.radar a:link,
p.radar a:visited {
 color: #09f;
}
p.radar a:hover,
p.radar a:active,
p.radar a:focus {
 color: #ed1b24;
}
div.radarOverlay p {
   font-size: 1.2em;
   margin-bottom: 1.5em;
}

div.radarOverlay img {
    margin: 0 auto 1.5em;
    display: block;
}
div.radarOverlay h2 img {
    margin: 0 15px 0 0;
    display: inline-block;
}
div.radarOverlay div.buttons {
    text-align: right;
    margin-bottom: 3px;
}
div.radarOverlay div.prefs {
    margin-bottom: 15px;
}
div.radarOverlay div.prefs h3 {
    color: #333;
    margin-bottom: 3px;
}
div.radarOverlay div.prefs ul {
}


/*============== account ==============*/

.box {
    border: 2px solid #A9E1F8;
    background: #E8F1F6;
}
form.box {
    padding: 10px;
    margin-bottom: 27px;
}
div.box {
    padding: 20px;
    margin-bottom: 1em;
}
form.box {
    padding: 10px;
    border: 2px solid #A9E1F8;
    background: #E8F1F6;
    margin-bottom: 27px;
}
form.box li {
    padding-bottom: .5em;
}


.mainContent h5.message {
    margin-bottom: 1em;
}

/* user notification box */
#user-notification {
    font-size: 1.175em;
    line-height: 1.3;
    padding: 20px 20px 10px;
    border-bottom: 1px solid #aaa;
    margin-bottom: 10px;
}
#user-notification div.box {
    position: relative;
}
#user-notification .close {
    background: url(/images/icons/delete.gif) no-repeat right top;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 10px;
    right: 10px;
    text-indent: -20000px;
    cursor: pointer;
}
#IE6 #user-notification .close {
    right: 30px;
}

/* contact settings */


#mto_email_alerts h3 {
     margin-bottom: 10px;
}

#mto_email_alerts ul {
     margin: 0 0 20px 0;
}
#mto_email_alerts ul li {
     padding: 5px 0 3px 25px;
     background: url(/images/icons/tick.gif) no-repeat scroll 0 4px;
}

#mto_email_alerts label,
#mto_email_alerts input,
#mto_email_alerts button {
     vertical-align: middle;
}
#mto_email_alerts p.note {
     margin: 0 0 0 28px;
     color: #999;
}

.emailAlerts .newsletterSignUp {
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

.emailAlerts input.text-field {
    width: 160px;
    margin-right: 5px;
}
.emailAlerts button.sign-me-up {
    margin-top: 0;
}


/*============== nav ==============*/

.mytimeout .nav-facet {
}

.mytimeout .nav-facet .profileAvatar {
    margin-bottom: 30px;
    border-top: 1px solid #aaa;
}
.mytimeout .nav-facet .profileAvatar img {
    margin: 10px 10px 2px;
}
.mytimeout .nav-facet .profileAvatar a {
    display: block;
    font-size: 90%;
    margin-left: 10px;
    color: #999;
}
.mytimeout .nav-facet .profileAvatar a:hover {
    color: #ed1b24;
}


.mytimeout .nav-facet ul.menu li.selected a {
    background: #333 url(/images/sprites/icons-right.gif) no-repeat scroll 100% -290px;
}

.mytimeout .nav-facet ul.menu li ul {
    margin-left: 15px;
}
.mytimeout .nav-facet ul.menu li li {
    border-bottom-width: 0;
    padding: 0;
    margin: 0;
}
.mytimeout .nav-facet ul.menu li.selected li a {
    background: #fff none;
    color: #333;
}
.mytimeout .nav-facet ul.menu li.selected li a:hover {
    background-color: #333;
    color: #fff;
}


.mytimeout .nav-facet .profileAbout {
    margin-bottom: 30px;
    border-bottom: 1px solid #aaa;
}
.mytimeout .nav-facet .profileAbout dl {
    font-size: 90%;
    line-height: 1.3;
}
.mytimeout .nav-facet .profileAbout dl dt {
    color: #999;
}
.mytimeout .nav-facet .profileAbout dl dd {
    margin-bottom: 5px;
}
.mytimeout .nav-facet .profileAbout p {
    margin-bottom: 5px;
    font-size: 90%;
}

.mytimeout .nav-facet div.bubble,
.mytimeout .nav-related div.bubble {
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
}
.mytimeout .nav-related .bubble {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.mytimeout .nav-facet .bubble h3,
.mytimeout .nav-related .bubble h3 {
    padding-bottom: 3px;
}
.mytimeout .nav-facet .bubble p,
.mytimeout .nav-related .bubble p {
    padding-bottom: 2px;
}

/*****************************************/
/*************** ON BOARDING *************/
/*****************************************/

/* __________ stages nav __________ */

ul.stages {
    margin-bottom: 30px;
    overflow: hidden;
    float: left;
}
ul.stages li {
    display: inline;/* fix for IE6&7 */
}
ul.stages li .item {
    float: left;
    min-height: 72px;
    line-height: 72px;
    margin-right: 3px;
    padding: 0 16px;
    border: 3px solid #ccc;
    vertical-align: middle;
    font-size: 1.3em;
    font-weight: bold;
    background: #eee url(/images/backgrounds/gradient.jpg) repeat-x scroll 0 0;
}
ul.stages li strong.item {
    color: #09f;
    border-color: #09f;
}
ul.stages li a.item,
ul.stages li a.item:hover {
    color: #333;
}
ul.stages li.completed .item {
    line-height: 1;
    min-height: 56px; /* 72-16 (.item min-height - .completed .item padding-top) */
    padding-top: 16px;
}
ul.stages li.completed .item span {
    background: transparent url(/images/icons/tick.gif) no-repeat scroll center 26px;
    display: block;
    min-height: 56px;
}
#IE6 ul.stages li.completed .item span {
    height: 56px;
    display: inline-block;
}

ul.stages li.first .item {
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
ul.stages li.last .item {
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* __________ Sophie's welcome message __________ */
/* @todo: re-do with page/speechBubble */

.obWelcome {
    width: 300px;
    margin: 0 0 10px 30px;
    position: relative;
}
.obWelcome .mainMsg {
    background: url('http://www.timeout.com/london/img/menu/nl-speech-2.jpg') no-repeat scroll 0 0 #333;
    padding: 10px 0 0;
}
.obWelcome .mainMsg h3 {
    font-size: 1.33em;
    margin-bottom: 3px;
}
.obWelcome .mainMsg h3,
.obWelcome .mainMsg p {
    color: #fff;
    background-color: #333;
    padding: 0 10px;
}
.obWelcome div.editor {
    background: url('http://www.timeout.com/london/img/menu/nl-speech-2.jpg') no-repeat scroll 0 bottom #fff;
    color: #333;
    width: 300px;
    min-height: 70px;
}
#IE6 .obWelcome div.editor {
    height: 70px;
}
.obWelcome div.editor p {
    padding: 18px 10px 10px 87px;
}

/* __________ general layout (boxes) __________ */

.onBoarding .split-right-column .obIntro.columns-4,
.onBoarding .split-right-column .mainContent.columns-4 {
    width: 647px;
}

.obBox {
    border: 3px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 20px 10px;
    margin: 0 0 20px;
    background: #eee url(/images/backgrounds/gradient.jpg) repeat-x scroll 0 0;
    overflow: hidden;
}
.obStart .obBox {
    background-image: none;
    background-color: #fff;
}
.obBox h3 {
    color: #333;
    padding-bottom: 15px;
    margin: 0 !important;
}

.mytimeout.onBoarding .nav-related {
    margin-top: 0;
}
.nav-related .obBox ul {
    margin-bottom: 5px;
}
.nav-related .obBox ul li {
    padding: 8px 0 8px 4px;
    line-height: 1.25;
    border-bottom: 1px dotted;
    overflow: hidden;
}
.nav-related .obBox ul li.highlighted {
    background-color: #09f;
    color: #fff;
}
.nav-related .obBox ul li a {
    display: none;
    float: right;
    margin: -4px 0 -4px 10px;
    bottom: 3px;
}
.nav-related .obBox ul li:hover a,
#IE6 .nav-related .obBox ul li a {
    display: block;
}
.nav-related .obBox p {
    text-align: center;
}
.nav-related .obBox p span.total {
    display: block;
    font-size: 2.5em;
    color: #09f;
    font-weight: bold;
}


.onBoarding .split-right-column h2 {
    color: #09f;
    font-size: 2.5em;
    font-weight: bold;
    padding-bottom: 3px;
}
.onBoarding .obBox h2 {
    margin-top: 0;
}

.onBoarding .nextButton {
    float: right;
}
.center-content.obIntro {
    margin-bottom: 1em;
}

/* form */

body.onBoarding .formRow {
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
}
body.onBoarding .obIntro .formRow {
    padding-top: 10px;
}
body.onBoarding .obBox .formRow {
    margin: 0 -10px 15px;
    padding: 5px 2px 20px 10px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
body.onBoarding .obBox .formRow.last {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-width: 0;
}
body.onBoarding .obBox div.searchSuggestions .formRow {
    margin: 0;
    padding: 0;
    border-bottom-width: 0;
}
body.onBoarding .formRow label {
    font-weight: bold;
}
body.onBoarding form.default ul.radio_list li label {
    font-weight: normal;
}
body.onBoarding label,
body.onBoarding input {
    vertical-align: middle;
}
body.onBoarding input.text-field {
    width: 170px;
}
div.comments input.text-field,
div.comments .textarea,
body.onBoarding input.text-field,
body.onBoarding select {
    border: 2px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0;
}
body.onBoarding .locations .obBox {
    padding-bottom: 0;
    border-bottom-width: 2px;
}
body.onBoarding .locations .obBox .formRow {
    margin-bottom: 0;
    padding-top: 20px;
}
body.onBoarding .locations .formRow {
    background: transparent url(/images/icons/pin.gif) no-repeat scroll 10px 15px;
}
body.onBoarding .locations .formRow label {
    padding-left: 40px;
    width: 80px;
}
body.onBoarding .locations .formRow input {
    float: left;
}
body.onBoarding .locations .formRow .lookup_location_response {
    font-weight: bold;
    float: left;
}
body.onBoarding .locations .formRow .lookup_location_response img {
    margin: -5px 0 -5px 7px;
}
body.onBoarding .locations .formRow .lookup_location_response a.restore-lookup {
    font-size: 85%;
    font-weight: normal;
    margin-left: 2px;
}
body.onBoarding .locations div.addLocation {
    position: relative;
    margin-bottom: 3em;
}
body.onBoarding .locations div.addLocation a {
    position: absolute;
    width: 200px;
    top: -23px;
    left: 25px;
    border: solid #ccc;
    border-width: 1px 3px 3px;
    background-color: #eee;
    padding: 15px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 1.2em;
    font-weight: bold;
}
body.onBoarding .locations div.addLocation a span {
    color: #333;
}



/* button row */
.buttonRow {
    margin: 5px 0 20px;
    overflow: hidden;
}
.buttonRow .prev {
    float: left;
    width: 482px;
}
.buttonRow .next {
    float: right;
    width: 317px;
    text-align: right;
}
.buttonRow p {
    padding: 4px 0 5px 0;
}


/* myTO buttons */
a.myTO,
span.myTO {
    padding: 2px 4px;
    font-size: 11px;
    line-height: 14px;
    background-color: #333;
    color: #fff;
    border: 2px solid #09f;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    display: inline-block;
}
a.myTO:hover {
    color: #fff;
}
.obBox span.myTO,
.manageRadarItem span.myTO {
    cursor: pointer;
}
.double-column-header .details .manageRadar {
    display: inline;
    margin-right: 3px;
}
.column-contact .manageRadar {
    margin-bottom: 5px;
}

/* __________ suggestions __________ */

.obBox ul.tagList {
    width: 145px;
    float: left;
}
.obBox ul.tagList li {
    overflow: hidden;
    padding-bottom: 3px;
}
.obBox ul.tagList li input {
    float: left;
}
.obBox ul.tagList label {
    font-weight: bold;
    float: right;
    width: 120px;
    padding-top: 2px;
}
.obBox .venueSuggestions {
    width: 300px;
    float: right;
    overflow: hidden;
}
.obBox .venueSuggestions .suggestionList {
    width: 290px;
    max-height: 453px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0 0 10px 10px;
    margin-bottom: 20px;
}
#IE6 .obBox .venueSuggestions .suggestionList {
    height: 453px;
}

.obBox .venueSuggestions img.load {
    margin: 0 auto 10px auto;
    display: block;
}
.obBox .suggestionList h3 {
    border-bottom: 3px solid #ccc;
    padding: 10px 0 5px;
    margin: 0;
}
.obBox .suggestionList h3 span {
    font-size: 85%;
}
.obBox .suggestionList div.suggestedItem {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.obBox .suggestionList div.suggestedItem .details {
    float: left;
    width: 155px;
    overflow: hidden;
}
.obBox .suggestionList div.suggestedItem .details h4 {
    line-height: 1.2;
    padding: 3px 0;
    font-size: 1.333em;
}
.obBox .suggestionList div.suggestedItem .details p {
    margin-bottom: 3px;
    font-size: 1em;
}
.obBox .suggestionList div.suggestedItem img {
    float: left;
    margin-left: 2px;
}
.obBox .suggestionList div.suggestedItem img.flag {
    float: none;
}
.obBox .suggestionList div.suggestedItem span.critics-choice {
    background: transparent url(/images/sprites/icons.gif?v=2.5) no-repeat scroll -4px -2px;
    padding-left: 18px;
}

.obBox .suggestionList div.suggestedItem span.myTO {
    float: right;
    margin: 12px 7px 0;
}

.obBox .searchSuggestions div.suggestedItem {
    padding: 15px 20px;
}
.obBox .searchSuggestions div.suggestionList {
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
}
.obBox .searchSuggestions div.suggestedItem p {
    float: left;
    margin-bottom: 0;
    line-height: 22px;
    width: 340px;
    font-size: 1.1em;
}
.obBox .searchSuggestions div.suggestedItem span.myTO {
    margin-top: 0;
}

.obBox .searchSuggestions form.default div.input input {
    float: none;
}
.obBox .searchSuggestions form.default span.hint{
    float: none;
    display: block;
    margin-left: 0;
}

/* __________ welcome/landing page __________ */

.obStart ul {
}
.obStart ul li {
    padding: 0 0 20px 30px;
    background: url(/images/icons/tick.gif) no-repeat scroll 0 0;
}

/*============== colorbox overlay (additional styles) ==============*/

div.selectDate {
}
div.selectDate h3 {
    margin-bottom: .5em;
}
div.selectDate select {
    margin-right: 5px;
}

/*============== delete user ==============*/

form.deleteUser label {
    width: auto;
    margin-right: 5px;
}
form.deleteUser .checkbox input {
    margin-left: 0;
}

div.tinymce-markup p span.bolded-heading {
 display: block;
 font-weight: bold;
 color: #333;
}

div.tinymce-markup p span.italic-heading {
 display: block;
 font-style: italic;
 color: #333;
}

div.tinymce-markup .image-container {
 float: right;
 clear: none;
 margin-left: 10px;
}
.nav-related div.tinymce-markup .image-container {
    margin-left: 0;
}

div.textAndImage.imageAbove .image-container {
    float: none;
    margin: 0;
}
div.textAndImage.imageLeft .image-container {
    float: left;
    margin: 0 10px 0 0;
}
div.textAndImage.imageRight .image-container {
    float: right;
    margin: 0 0 0 10px;
}
div.textAndImage div.buy,
div.textAndImage a.more {
    margin-bottom: 18px;
    display: block;
}

div.tinymce-markup .image-container .caption {
 display: block;
 clear: both;
 padding: 5px 0;
}

/** Gallery  **/
.art .gallery {
 border-bottom: 6px solid #DDDDDD;
 padding-bottom: 10px;
}

.gallery .gallery-links {
 padding: 10px 0;
}

.gallery .gallery-links a {
 padding-right: 5px;
 border-right: 1px solid #CCC;
 margin-right: 5px;
}

.gallery .gallery-links a.last {
 border-right-width: 0;
 margin-right: 0;
}

/******** Big button ***********/ /****
 **    To be used with layout like:
 **
 **    <a href="#" class="big-button-container">
 **         <span class="big-button top">
 **            <span class="big-button top-left"></span>
 **            <span class="big-button top-right"></span>
 **        </span>
 **        <span class="big-button content">
 **            Button Content
 **        </span>
 **        <span class="big-button bottom">
 **            <span class="big-button bottom-left"></span>
 **            <span class="big-button bottom-right"></span>
 **        </span>
 **    </a>
 **
 ****/
.big-button-container {
 display: block;
 margin: 0 auto;
 width: 152px;
 cursor: pointer;
}

.big-button-container.column-1 {
 width: 152px;
}

.big-button-container.column-2 {
 width: 317px;
}

.big-button-container.column-3 {
 width: 482px;
}

.big-button-container.column-4 {
 width: 647px;
}

.big-button-container.column-5 {
 width: 812px;
}

.big-button-container.column-6 {
 width: 977px;
}

.big-button {
 background: #FFF url(/images/sprites/buttons.gif?v=5) no-repeat scroll;
}

.big-button.top-left,.big-button.top-right,.big-button.bottom-left,.big-button.bottom-right
 {
 height: 10px;
}

.big-button.top,.big-button.content,.big-button.bottom {
 display: block;
 clear: both;
}

.big-button.content {
 font-weight: bold;
 text-align: center;
}
#IE6 .big-button-wrapper .content {
    text-align: center !important;
}


.big-button.top-left,.big-button.bottom-left {
 float: left;
 width: 90%;
}

.big-button.top-right,.big-button.bottom-right {
 float: left;
 width: 10%;
}

.big-button.top-left {
 background-position: left -445px;
}

.big-button.top-right {
 background-position: right -445px;
}

.big-button.content {
 background-image: none;
 border: solid #CCC;
 border-width: 0 3px;
 padding: 0 10px;
 font-size: 1.5em;
}

/*
@todo: check, not needed?
#IE6 .big-button.content {
 margin-top:-5px;
}
html+body .big-button.content {
    margin-top:-1px;
    padding-top:1px;
}
*/

.big-button.bottom-left {
 background-position: left -471px;
}

.big-button.bottom-right {
 background-position: right -471px;
}

.date-of-the-day .image-container {
    float: left;
}

.date-of-the-day .image-container {
    margin-right: 13px;
}

.date-of-the-day .dating-content p {
 margin-bottom: 12px;
}

.date-of-the-day .dating-content h4 {
 font-size: 1.2em;
 margin-bottom: 7px;
}

.date-of-the-day .dating-content {
 margin-bottom: 10px;
}

.date-of-the-day select {
 width: 200px;
 float: left;
}

.date-of-the-day .dating-content h4 a{
    text-decoration: none;
    font-size:1em;
}

/* londonNewsLetterSignup */
#sign-up .box-header-follow,
#follow-us .box-header-follow {
 border-bottom: 1px solid #aaa;
 border-top: 1px solid #aaa;
 clear: both;
 display: block;
 margin-bottom: 10px;
 padding: 10px 0 9px 0;
 height: 12px;
}

/** IE Hack -- reduces top padding, no obvious work around **/
#sign-up h3,
#follow-us h3
{
 line-height: 1.111;
}

#sign-up div.error p {
    color: #ed1b24;
}
#sign-up div.error input.text-field {
    background-color: #fcc;
    border-color: #c77;
}
#sign-up div.success p strong {
    color: #090;
}
#IE6 #sign-up {
    overflow: hidden;
}

#sign-up .box-header-follow strong
#sign-up .box-header-follow a,
#follow-us .box-header-follow strong
#follow-us .box-header-follow a
 {
 display:block;
 float:left;
 width: 50px;
}

#sign-up .box-header-follow .rss,
#follow-us .box-header-follow .rss
 {
 background: #fff url(/images/sprites/icons.gif?v=2.5) no-repeat scroll -301px
  -318px;
 padding: 4px 5px 4px 30px;
}

#sign-up .box-header-follow .twitter,
#follow-us .box-header-follow .twitter
 {
 background: #fff url(/images/sprites/icons.gif?v=2.5) no-repeat scroll -301px
  -378px;
 padding: 4px 5px 4px 30px;
}

#sign-up .box-header-follow .igoogle,
#follow-us .box-header-follow .igoogle
 {
 background: #fff url(/images/sprites/icons.gif?v=2.5) no-repeat scroll -301px
  -348px;
 padding: 4px 5px 4px 30px;
}

#sign-up .image-container,
#follow-us .image-container {
 width: 152px;
 float: left;
}

#sign-up .newsletter-text,
#follow-us .newsletter-text {
 width: 152px;
 float: right;
}

#sign-up .image-container,
#follow-us .image-container
 {
 margin-right: 13px;
}

#sign-up .image-text,
#follow-us .image-text
 {
 margin-bottom: 10px;
}

#sign-up .newsletter-text {
 margin-top: -0.20em;
}
#sign-up .newsletter-text p {
 margin-bottom: 5px;
}

#sign-up input {
 width: 144px;
 border: 1px solid #aaa;
 font-size: 0.9em;
 padding: 3px;
 margin: 2px 0;
}

.sign-me-up {
 background: url(/images/sprites/search.gif?v=2.1) left -476px no-repeat;
 width: 103px;
 height: 24px;
 margin-top: 5px;
 overflow: hidden;
 vertical-align: middle;
}

.sign-me-up span {
 display: none;
}

/********************************************/
/********* S TWITTER LIVE UPDATE FEED *******/
/********************************************/
.twitter-feed ul#tweets-container,.twitter-feed ul#tweets-container li.last
 {
 height: 289px;
}

.twitter-feed div.twitter-nav a {
 display: block;
 margin: auto;
 height: 0;
 width: 0;
 border-left: 18px solid #fff;
 border-right: 18px solid #fff;
}

.twitter-feed div#twitter-nav-up a {
 border-bottom: 12px solid #333;
}

.twitter-feed div#twitter-nav-up.disabled a {
 border-bottom: 12px solid #ccc;
 cursor: text;
}

.twitter-feed div#twitter-nav-down a {
 border-top: 12px solid #333;
}

.twitter-feed div#twitter-nav-down.disabled a {
 border-top: 12px solid #ccc;
 cursor: text;
}

.twitter-feed div.twitter-nav a span {
 display: none;
}

.twitter-feed ul#tweets-container {
 overflow: hidden;
 position: relative;
 margin: 3px 0;
 z-index: 0;
}

.tweet-wrapper {
 min-height: 0;
}

div.twitter-feed li.tweet-wrapper {
 padding-bottom: 10px;
}
/** add extra padding, no obvious work around
    @todo: check (also IE8), couldn't reproduce **/
#IE6 div.twitter-feed li.tweet-wrapper {
 padding-bottom: 5px;
}

/** ie6 mysterious whitespace in li's
    @todo: check (also IE8), couldn't reproduce **/
#IE6 .tweet-wrapper {
 height: 0;
}

div.tweet {
 padding: 4px 10px;
}

div.tweet a.image-link {
 float: right;
 margin-left: 5px;
}

div.tweet p,div.tweet a {
 color: #fff;
}

div.tweet h4 {
 color: #fff;
 font-size: 1.166em;
}

div.tweet p {
 font-style: italic;
}

div.tweet p a {
 text-decoration: underline;
}

div.tweet p a.screenname {
 text-decoration: none;
}

div.tweet span {
 display: block;
 color: #fff;
 font-style: normal;
}

div.tweet p a.screenname {
 text-decoration: none;
}

.tweet-wrapper div.tweet,.tweet-wrapper b.rtop b,.tweet-wrapper b.rbottom b
 {
 background: #333;
}

.twitter-feed li.tweet-wrapper div.pointer span {
 margin-left: 24px;
}

.twitter-feed div.element-wrapper.section-seperator-bottom {
 margin-top: 10px;
 padding-bottom: 13px;
}

/** Different way of displaying tweets. With avatar on left of tweet **/
.avatar-tweet-container {
 overflow: hidden;
 margin-bottom: 10px;
}

.avatar-tweet-container div.tweet-wrapper {
 width: 235px;
}

.avatar-tweet-container b.rtop b,
.avatar-tweet-container b.rbottom b {
 background: #ccc;
}

.avatar-tweet-container div.tweet {
 border-top: 2px solid #ccc;
 border-bottom: 2px solid #ccc;
 border-left: 3px solid #ccc;
 border-right: 3px solid #ccc;
 z-index: 100;
}

.avatar-tweet-container .tweet-wrapper,
.avatar-tweet-container .avatar {
 float: left;
}

.avatar-tweet-container div.tweet,
.avatar-tweet-container div.tweet p,
.avatar-tweet-container div.tweet a {
 background: #fff;
 color: #333;
}

.avatar-tweet-container div.tweet {
 min-height: 18px;
}

.avatar-tweet-container .avatar {
 margin-right: 2px;
}


.avatar-tweet-container .tweet-wrapper {
 padding-left: 10px;
 position: relative;
}

.avatar-tweet-container div.pointer {
 position: absolute;
 top: 6px;
 left: 0;
 width: 15px;
 height: 19px;
 background: #fff url(/images/connect/icons.gif) no-repeat scroll -8px -8px;
 z-index: 3000;
}

.avatar-tweet-container div.pointer span {
 border-right: 8px solid #333;
 border-top: 8px solid #fff;
 border-bottom: 8px solid #fff;
}

/********************************************/
/********* E TWITTER LIVE UPDATE FEED *******/
/********************************************/

/*******************************************/
/******** S LATEST BLOGS AND TWEETS ********/
/*******************************************/
.blogs-and-tweets .rounded-corners.top,
.blogs-and-tweets .rounded-corners.top-left,
.blogs-and-tweets .rounded-corners.top-right {
 height: 4px;
}

.blogs-and-tweets  a.image-header {
 line-height: 0;
}

.blogs-and-tweets .multi-tab-twitter .element-wrapper {
 margin-bottom: 0;
}

.blogs-and-tweets .multi-tab-twitter .twitter-feed h3,
.blogs-and-tweets .multi-tab-twitter .twitter-feed .image-container {
 display: none;
}

.blogs-and-tweets .rounded-corners-content h3 {
 color: #333;
}

.blogs-and-tweets .rounded-corners-content {
 padding: 0 5px;
 width: 301px;
 background: #fff;
}

.blogs-and-tweets .element-header {
 padding: 5px 0 10px;
}

.blogs-and-tweets .element-header h3 {
 float: left;
 width: 150px;
 padding: 4px 0 0 5px;
 font-size: 1.5em;
 line-height: 1.01;
 letter-spacing: -1px;
}

.blogs-and-tweets .multi-tab-blog div.rss {
 margin-bottom: 3px;
 text-align: right;
}

.blogs-and-tweets .multi-tab-blog div.rss a {
 background: transparent url(/images/sprites/icons.gif?v=2.5) no-repeat scroll
 0 -413px;
 padding-left: 23px;
 line-height: 17px;
}

.blogs-and-tweets .multi-tab-blog .post-header h4 {
 margin-bottom: 4px;
}

.blogs-and-tweets .multi-tab-blog .post-header span.details {
 font-size: 11px;
 display: block;
 margin-bottom: 8px;
}

.blogs-and-tweets .multi-tab-twitter,
.blogs-and-tweets .multi-tab-blog {
 font-weight: normal;
}

.blogs-and-tweets .multi-tab-twitter h3 {
 margin-bottom: 5px;
}

.blogs-and-tweets .multi-tab-twitter emdiv.fancy-text {
 font-family: Georgia,"Times New Roman",Times,serif;
 font-style: italic;
 font-size: 18px;
 margin-right: 3px;
}

.blogs-and-tweets .tweet-sub-nav {
 position: relative;
 padding: 10px 0 10px;
 min-height: 1px;
}

/* make Twitter bird position bottom work */
#IE6 .blogs-and-tweets .tweet-sub-nav {
 height: 1px;
}

.blogs-and-tweets .twitter-bird {
 height: 38px;
 width: 48px;
 background: transparent url(/images/sprites/icons.gif?v=2.5) no-repeat scroll 0 -290px;
 position: absolute;
 bottom: -3px;
 right: -4px;
}

.blogs-and-tweets .multi-tab-twitter .follow-link {
 margin-top: 10px;
}

.blogs-and-tweets .multi-tab-twitter .little-button {
 overflow: hidden;
}

.blogs-and-tweets .twitter-feed ul#tweets-container,
.blogs-and-tweets .twitter-feed ul#tweets-container li.last {
 height: 325px;
}
/*******************************************/
/******** E LATEST BLOGS AND TWEETS ********/
/*******************************************/

/*******************************************/
/******** S HORIZONTAL FLYER SCROLLER ******/
/*******************************************/

.horizontal-flyer-scroller.rounded-corners-container {
 width: 100%;
}

.horizontal-flyer-scroller.rounded-corners-container.hidden {
 display: none;
}

.horizontal-flyer-scroller .rounded-corners.top-left,
.horizontal-flyer-scroller .rounded-corners.top-right,
.horizontal-flyer-scroller .rounded-corners.bottom-left,
.horizontal-flyer-scroller .rounded-corners.bottom-right,
.horizontal-flyer-scroller .rounded-corners.top,
.horizontal-flyer-scroller .rounded-corners.bottom {
 height: 8px;
}

.horizontal-flyer-scroller .rounded-corners.bottom-left {
 background-position: left -524px;
}

.horizontal-flyer-scroller .rounded-corners.bottom-right {
 background-position: right -524px;
}

.horizontal-flyer-scroller .rounded-corners-content {
 background: #fff;
 padding: 0 5px;
}

.horizontal-flyer-scroller b.r1 {
 background: #333;
}

.horizontal-flyer-scroller .scroller-container {
 padding: 24px 0;
 background: #333;
}

.horizontal-flyer-scroller div.flyer-nav {
 display: block;
 float: left;
 width: 28px;
 height: 257px;
}

.horizontal-flyer-scroller div.flyer-nav a {
 display: block;
 width: 18px;
 height: 34px;
 margin: 112px 5px 0;
}

.horizontal-flyer-scroller div.flyer-nav-left a {
 background: transparent url(/images/sprites/icons-left.gif?v=5.0) no-repeat scroll
  0 -88px;
 float: left;
}

.horizontal-flyer-scroller div.flyer-nav-right a {
 background: transparent url(/images/sprites/icons-right.gif?v=5.0) no-repeat scroll
  right -83px;
 float: right;
}

.horizontal-flyer-scroller div.flyer-nav-left a.disabled,
.horizontal-flyer-scroller div.flyer-nav-right a.disabled {
 background-image: none;
 cursor: auto;
}

.horizontal-flyer-scroller .flyers-view-pane {
 display: block;
 float: left;
 overflow: hidden;
 position: relative;
 height: 257px;
 width: 410px;
}

.horizontal-flyer-scroller .flyers-container {
 display: block;
 width: 1003px;
 position: absolute;
 left: 0;
 z-index: 0;
}

.horizontal-flyer-scroller .flyer-container {
 display: block;
 float: left;
 margin-right: 13px;
 width: 180px;
}

.horizontal-flyer-scroller .flyer-container b.r1 {
 background: #fff;
}

.horizontal-flyer-scroller div.scroller-actions {
 padding: 0 0 10px 10px;
}

/* flyer border override */
.horizontal-flyer-scroller .rounded-corners {
 background: #fff url(/images/backgrounds/horizontal-flyer-scroller.gif) no-repeat scroll 0 0;
}

.horizontal-flyer-scroller .rounded-corners.top-right {
 background-position: right 0;
}

.horizontal-flyer-scroller .rounded-corners.bottom,
.horizontal-flyer-scroller .rounded-corners.bottom-left {
 background-position: left -41px;
}

.horizontal-flyer-scroller .rounded-corners.bottom-right {
 background-position: right -41px;
}

.horizontal-flyer-scroller .scroller-container {
 padding: 0;
 background: #fff;
}

.horizontal-flyer-scroller .rounded-corners-content {
 background: #fff;
 border-left: 3px solid #c3cbd9;
 border-right: 3px solid #c3cbd9;
}

/** Flyer not necessarily in a horizontal scroller **/
div.flyer {
 background: #fff;
 height: 249px;
 width: 172px;
 padding: 3px 4px;
 position: relative;
 overflow: hidden;
}

div.flyer div.info-window {
 position: absolute;
 top: 196px;
 bottom: 0;
 width: 172px;
}

div.flyer div.info-window .side-1,
div.flyer div.info-window .side-2 {
 width: 162px;
}

div.flyer div.info-window-content {
 position: absolute;
 top: 0;
 left: 0;
 padding: 0 5px 5px;
}

div.flyer div.info-window span,
div.flyer div.info-window em,
div.flyer div.info-window strong,
div.flyer div.info-window p,
div.flyer div.info-window a {
 font-size: 1em;
 line-height: 1.33;
 color: #fff;
}

div.flyer div.info-window a:hover {
 color: #ed1b24;
}

div.flyer div.info-window p {
 margin-bottom: 10px;
}

div.flyer div.info-window h4 {
 font-size: 1.166em;
 line-height: 1.14;
 /*
 height: 19px;
 */
 overflow: hidden;
}

div.flyer div.info-window .overlay {
 position: absolute;
 top: 0;
 left: 0;
 height: 57px;
 width: 100%;
 background: #333;
 opacity: 0.6; /* CSS3 */
}

div.flyer div.info-window .side-2 {
 display: none;
}

div.flyer div.info-window .side-2 h4 {
 font-size: 1.5em;
 line-height: 1;
 margin: 5px 0 10px;
}

/* Flipside of flyer */
div.flyer.flip div.info-window {
 top: 3px;
}

div.flyer.flip div.info-window .overlay {
 height: 249px;
}

div.flyer.flip div.info-window .side-1 {
 display: none;
}

div.flyer.flip div.info-window .side-2 {
 display: block;
}

/* Basic flyers override */
div.horizontal-flyer-scroller div.basic-flyers-container {
 padding: 0 2px;
}

div.basic-flyers-container .scroller-container {
 background: #fff;
 padding: 6px 0 8px 0;
}

div.basic-flyers-container  div.flyer-nav {
 width: 23px;
}

div.basic-flyers-container  div.flyer-nav a {
 margin: 50px 0 0;
}

div.basic-flyers-container  div.flyer-nav-left a {
 background-position: left -291px;
}

div.basic-flyers-container  div.flyer-nav-right a {
 background-position: right -281px;
}

.horizontal-flyer-scroller div.flyer-nav-left a.disabled {
 background: transparent url(/images/sprites/icons-left.gif?v=5.0) no-repeat scroll
  0 -213px;
}

.horizontal-flyer-scroller div.flyer-nav-right a.disabled {
 background: transparent url(/images/sprites/icons-right.gif?v=5.0) no-repeat scroll
  right -203px;
}

div.basic-flyers-container div.flyer-nav,
div.basic-flyers-container .flyers-view-pane {
 height: 128px;
}

/* default: columns-3 */
div.basic-flyers-container .flyers-view-pane {
 width: 426px;
}
/* special treatment for different sizes */
div.basic-flyers-container .columns-4 .flyers-view-pane {
    width: 591px;
}
div.basic-flyers-container .columns-5 .flyers-view-pane {
    width: 756px;
}
div.basic-flyers-container .columns-6 .flyers-view-pane {
    width: 921px;
}

/* __________ fancy carousel __________ */

/* special treatment for different sizes */
.horizontal-flyer-scroller div.fancy-flyers-container .columns-6 .flyers-view-pane {
    width: 905px;
}
.horizontal-flyer-scroller div.fancy-flyers-container .columns-5 .flyers-view-pane {
    width: 740px;
}
.horizontal-flyer-scroller div.fancy-flyers-container .columns-5 .flyer-container {
    margin-right: 5px;
}
.horizontal-flyer-scroller div.fancy-flyers-container .columns-4 .flyers-view-pane {
    width: 575px;
}
.horizontal-flyer-scroller div.fancy-flyers-container .columns-4 .flyer-container {
    margin-right: 13px;
}
.horizontal-flyer-scroller div.fancy-flyers-container .columns-3 .flyers-view-pane {
    width: 386px;
}
.horizontal-flyer-scroller div.fancy-flyers-container .columns-3 .flyer-container {
    margin-right: 13px;
}
.horizontal-flyer-scroller div.fancy-flyers-container .columns-3 div.flyer-nav-left {
    width: 47px;
}
.horizontal-flyer-scroller div.fancy-flyers-container .columns-3 div.flyer-nav {
    position: relative;
}
.horizontal-flyer-scroller div.fancy-flyers-container .columns-3 div.flyer-nav-left a {
    position: absolute;
    left: 5px;
    top: 0;
}
.horizontal-flyer-scroller div.fancy-flyers-container .columns-3 div.flyer-nav-right a {
    position: absolute;
    right: 5px;
    top: 0;
}

#IE6 div.fancy-flyers-container {
    height: 1%;
}

/*.center-top-left .horizontal-flyer-scroller*/ div.fancy-flyers-container div.flyer-nav a {
display: inline;
}

div.fancy-flyers-container div.flyer div.info-window {
 top: 2px;
}

div.fancy-flyers-container div.flyer div.info-window .overlay {
 background-color: #000;
 height: 45px;
}

/*.center-top-left .horizontal-flyer-scroller*/ div.fancy-flyers-container .scroller-container {
 padding: 18px 0;
 background: #333;
}

div.fancy-flyers-container div.flyer div.info-window div.info-window-content {
 padding: 0;
 height: 260px;
 top: 0;
}

div.fancy-flyers-container div.flyer div.info-window h4 {
 margin: 0;
 padding: 0;
 font-size: 1.167em;
 line-height: 1.142;
}

div.fancy-flyers-container div.flyer div.info-window p.section {
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: -2px;
    color: #ed1b24; /* fallback */
}

div.fancy-flyers-container div.flyer div.info-window-content div,
div.fancy-flyers-container div.flyer div.info-window-content a,
div.fancy-flyers-container div.flyer div.info-window-content h4 {
 color: #fff;
}

div.fancy-flyers-container div.flyer div.info-window .side-1 {
 padding: 5px;
 opacity: 0.9;
 /*
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
 */
}
div.fancy-flyers-container div.flyer div.info-window .side-1 div.corner {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    border: 8px solid;
    border-top-color: #ed1b24; /* fallback */
    border-right-color: #ed1b24; /* fallback */
    border-bottom-color: #fff;
    border-left-color: #fff;
}
#IE6 div.fancy-flyers-container div.flyer div.info-window .side-1 div.corner {
    line-height: 0;
    font-size: 0;
}

div.fancy-flyers-container div.flyer div.info-window-content .side-2 {
 color: white;
 width: 162px;
 height: 240px;
 padding: 5px;
 background-color: #ed1b24; /* fallback */
 overflow: hidden;
}

div.fancy-flyers-container div.flyer div.info-window-content .side-2 div{
 margin-bottom: 14px;
 line-height: 1.25;
}

div.fancy-flyers-container div.flyer div.info-window-content .side-2 p.section {
    color: #fff;
}
div.fancy-flyers-container div.flyer div.info-window-content .side-2 p.date {
    margin-bottom: 5px;
}
div.fancy-flyers-container div.flyer div.info-window-content .side-2 p.date span {
    background-color: #333;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 4px;
}
div.fancy-flyers-container div.flyer div.info-window-content .side-2 p.venue {
    font-style: italic;
}
div.fancy-flyers-container div.flyer div.info-window-content .side-2 p.more {
    text-align: center;
    margin: 0;
}
/* TODO: temporary style */
div.fancy-flyers-container div.flyer div.info-window-content .side-2 p.more a {
    background-color: #fff;
    padding: 2px 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #333;
}
div.fancy-flyers-container div.flyer div.info-window-content .side-2 p.more a:hover {
    color: #ed1b24;
}

/*******************************************/
/******** E HORIZONTAL FLYER SCROLLER ******/
/*******************************************/

/************ Image Grid  *********/
.imageGridComponent {
    margin-bottom: 27px;
}
.imageGridComponent div.imageGrid {
}

.imageGridComponent div.imageGrid.defaultStyle {
    text-align: center;
    padding: 7px 3px;
    border: 3px solid #ccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#IE6 .imageGridComponent div.imageGrid.defaultStyle {
    width: auto;
}
.imageGridComponent div.imageGrid.compactStyle {
}
.imageGridComponent div.imageGrid.compactStyle a {
    display: block;
    float: left;
    margin: 0 2px 2px 0;
}
.imageGridComponent div.imageGrid.compactStyle a img {
    display: inline;
}
.imageGridComponent div.imageGrid.hasTooltips a:hover img {
    visibility: hidden;
}

.imageGridComponent a.more {
    display: block;
    border-top: 1px dotted #aaa;
    clear: both;
    margin-top: 10px;
    padding-top: 4px;
}

/* tooltips for image grids */
div.imageGridTooltip {
    padding: 5px 0;
}
div.imageGridTooltip strong.counter {
    font-size: 22px;
    background-color: #ed1b24;
    color: #fff;
    font-weight: bold;
    padding: 2px;
    margin-bottom: 5px;
    display: inline-block;
}
div.imageGridTooltip h5 {
    margin-bottom: 5px;
    font-weight: bold;
}
div.imageGridTooltip p {
    font-size: 14px;
    margin-bottom: 5px;
}


/******* Random Pick **********/
.random-pick  .inspire-me-button .big-button{
 margin-bottom: 0;
}

.random-pick .big-button-container {
 float: left;
 margin: 0 0 10px 0;
}

.random-pick h4 {
 font-size: 1.166em;
 line-height: 1;
}

.random-pick .image-container .caption {
 padding-bottom: 0;
}

.random-pick .image-container {
 padding-bottom: 10px;
}

/******* related-events ******/
.related-events .details.dotted-border-bottom {
 margin-bottom: 13px;
 padding-bottom: 11px;
}

.related-events .category-tags {
 margin: 2px 0 5px;
}

.related-events .image-container {
 float: left;
 margin-right: 13px;
}

.event-details-tooltip {
 width: 400px;
}

.standalone-image .caption {
 padding-bottom: 0;
}

/** Image Paginator **/
.standalone-image.for-paginator {
 text-align: center;
}
.standalone-image .image-paginator {
 width: 120px;
 margin: 5px auto 0;
}

.standalone-image .image-paginator .previous-arrow span,
.standalone-image .image-paginator .next-arrow span {
 display: block;
 margin-top: 3px;
 height: 23px;
 width: 12px;
}

.image-paginator div.next,
.image-paginator div.index,
.image-paginator div.previous {
 float: left;
}

.image-paginator .index {
 font-size: 30px;
 line-height: 30px;
 color: #ed1b24;
 font-weight: bold;
 text-align: center;
 width: 96px;
}

.image-paginator .index span.slash {
 color: #999;
}

.image-paginator .previous-arrow span {
 background: transparent url(/images/sprites/icons-left.gif?v=5.0) no-repeat scroll left -133px;
}

.image-paginator .next-arrow span {
 background: transparent url(/images/sprites/icons-right.gif?v=5.0) no-repeat scroll right -124px;
}

.image-paginator .previous-arrow span.disabled,
.image-paginator .next-arrow span.disabled {
 background-image: none;
}

.show-booking-ahead .box-header {
 margin-bottom: 0;
}

.show-booking-ahead .solid-border-top {
 padding-top: 7px;
 margin-bottom: 3px;
}

.show-booking-ahead .details {
 margin-top: 4px;
 float: left;
 clear: left;
}

.show-booking-ahead .details .text {
 margin-top: 0.245em;
 display: block;
 float: left;
}

.tabNav ul,
.show-booking-ahead.element-wrapper ul.tabs {
 margin: 20px 0;
 float: left;
 width: 499px;
}
#IE6 .tabNav ul,
#IE6 .show-booking-ahead.element-wrapper ul.tabs {
 margin: -10px 0;
 width: 482px;
}
#IE7 .tabNav ul,
#IE7 .show-booking-ahead.element-wrapper ul.tabs {
 margin: 30px 0 -10px;
 width: 482px;
}

.tabNav ul li span,
.show-booking-ahead .tabs li span{
 background: url(/images/sprites/buttons.gif?v=5) no-repeat;
 background-position: -10px -588px;
 border-right: 2px solid #ccc;
}
.tabNav ul li span span {
 background-image: none;
 border-right-width: 0;
 cursor: pointer;
}

.tabNav ul li span.first,
.show-booking-ahead .tabs li span.first {
  background: url(/images/sprites/buttons.gif?v=5) no-repeat 0 -588px;
}

.tabNav ul li span.last,
.show-booking-ahead .tabs li span.last {
 background: url(/images/sprites/buttons.gif?v=5) no-repeat;
 background-position: right -588px;
 border:none;
}

.tabNav ul li.selected span,
.show-booking-ahead .tabs li.selected span {
 background: url(/images/sprites/buttons.gif?v=5) no-repeat;
 background-position: -80px -624px;
}

.tabNav ul li.selected span.last,
.show-booking-ahead .tabs li.selected span.last{
 background: url(/images/sprites/buttons.gif?v=5) no-repeat;
 background-position: right -624px;
}

.tabNav ul li.selected span.first,
.show-booking-ahead .tabs li.selected span.first {
  background: url(/images/sprites/buttons.gif?v=5) no-repeat;
  background-position: left -624px;
}

.tabNav ul li.selected .tab-content,
.show-booking-ahead .tabs li.selected a {
 color:#fff;
}

.show-booking-ahead .tabs li.first.selected a {
 color:#fff;
}

.show-booking-ahead .tabs li.last.selected a {
 color:#fff;
}

.tabNav ul li .tab-content,
.show-booking-ahead .tabs li .tab-content {
 padding: 7px 23px;
}

.tabNav ul li,
.tabNav ul li span,
.tabNav ul .tab-content,
.show-booking-ahead .tabs li,
.show-booking-ahead .tabs li span,
.show-booking-ahead .tab a {
 display: block;
 float: left;
}

#IE6 .show-booking-ahead .tabs-bottom {
 padding: 20px 0;
}

#simplePlanner {
    margin-bottom: 27px;
}
#simplePlanner .tabNav {
    border-bottom: 1px solid #aaa;
    margin-bottom: 5px;
}
#simplePlanner .tabNav ul {
    margin: 10px 0 20px 0;
    width: auto;
}
#simplePlanner .listAll .tabTarget {
    border-bottom: 1px solid #aaa;
}
#simplePlanner .tabTarget div.element-wrapper {
    margin-bottom: 7px;
}

#simplePlanner .tabNav ul li.selected span {
 background-position: -80px -902px;
}
#simplePlanner .tabNav ul li.selected span.first {
  background-position: left -902px;
}
#simplePlanner .tabNav ul li.selected span.last{
 background-position: right -902px;
}


.show-booking-ahead .result-left {
 width: 340px;
 float:left;
}
.show-booking-ahead .result-right {
 float: left;
}

.show-booking-ahead h4{
 color: #ED1B24;
 font-size: 1.333em;
 font-weight: bold;
 float: left;
}

.show-booking-ahead .more {
 display: block;
 float: left;
 margin: 0.3em 0 0 0.7em;
}

.show-booking-ahead .buy {
 float: right;
 margin-right: -5px;
}

.show-booking-ahead .venue {
 display: block;
 float: left;
 margin-right: 0.8em;
 font-style: italic;
}

.show-booking-ahead .price{
 color: #ED1B24;
 display: block;
 float: right;
 clear: right;
 padding-top: 0.455em;
}

span.date.gray {
 display: block;
 float: left;
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
 scroll top left;
 padding: 0 0 0 5px;
 margin: 0px 5px 0 0;
}

span.date.gray span {
 color: #fff;
 display: block;
 float: left;
 background: transparent url(/images/sprites/backgrounds.gif) no-repeat
 scroll top right;
 padding: 0 5px 0 0;
 line-height: 17px;
 margin: 0;
 font-weight: normal;
}

div.page-subtitle h2.full-width{
 width: 100%;
}

.item-box-grid .odd{
 clear: left;
}

.tab-view {
 display: none;
}

.tab-views .selected {
 display: block;
}
/* toWidgetFormVenueLookup CSS */
ul.venue-lookup fieldset {
 border: 1px solid #ccc;
 margin: 5px 0 5px 20px;
 padding: 5px;
}

ul.venue-lookup input.venue-search {
 margin: 5px 0 5px 20px;
}

ul.venue-lookup fieldset label {
 float: left;
 width: 130px;
 text-align: right;
 font-weight: bold;
 padding: 5px 5px 0 0;
}

ul.venue-lookup fieldset span.help {
 margin-left: 135px;
 margin-bottom: 10px;
}

ul.venue-lookup fieldset div.clear {
 margin-bottom: 10px;
}

/* get-listed external data entry forms CSS */
.get-listed h1 span.beta-flag {
 font-size: 14px;
 line-height: 18px;
 vertical-align: top;
 padding-left: 5px;
 letter-spacing: -1px;
}

.get-listed form div.gray-box ul.radio_list li,
.get-listed form div.gray-box ul.checkbox_list li {
 display: block;
 float: left;
 width: 90px;
}

.get-listed form div.gray-box input {
 margin-left: 0;
 margin-top: 0;
}

.get-listed form .gray-box {
 border: 1px solid #aaa;
 background: #eee;
 padding: 6px;
}

.get-listed form .gray-box span.note{
 clear: left;
 display: block;
}

.get-listed form span.note.above {
 margin-bottom: 5px;
}

.get-listed  form span.note.below {
 margin-top: 5px;
}

.get-listed form .gray-box div.field {
 margin-bottom: 15px;
}

.get-listed form .gray-box div.field li{
 margin-bottom: 10px;
}

.get-listed span.required {
 color: #ed1b24;
}

.get-listed ul.bulleted {
 list-style-type: disc;
 margin-left: 1.2em;
}

.get-listed #sublisting_recurring_dates_recurring_monthly_month_number,
.get-listed #sublisting_recurring_dates_recurring_weekly_week_number{
 width: 2em;
}

.get-listed .introduction,
.get-listed-thanks {
 font-size: 1.166em;
 line-height: 1.4;
 padding-bottom: 10px;
}

.get-listed-thanks p {
 margin-bottom: 18px;
}

.get-listed p {
 margin: 14px 0;
}

.get-listed .introduction p.error-message {
 color: #ed1b24;
}

.get-listed .and-or {
 display: block;
 float: left;
 width: 30%;
 text-align: right;
 padding-top: 1em;
}

.get-listed input.readonly {
  background: #eee;
}

.get-listed form .submit-button {
 background: #fff url(/images/sprites/search.gif?v=2.1) no-repeat scroll left
  -594px;
 height: 24px;
 width: 122px;
}

.get-listed li.newsletter_subscription input {
 float: left;
 margin-bottom: 12px;
}

.get-listed li.newsletter_subscription input {
 float: left;
 display: block;
}

#recurring_monthly_weekday_container,
#recurring_monthly_position_container {
 float:left;
}

#recurring_monthly_weekday_container {
 margin-left: 10px;
}

#recurring_information_label {
 float: left;
 margin-right:5px;
}

/* grab code for "Find us on" badges */
div.grabBadges {
    margin: 27px 0;
    border-top: 1px solid #ccc;
    padding-top: 3px;
}
div.grabBadges textarea {
    font-size: 1em;
    padding: 5px;
    border: 1px solid #aaa;
    overflow: hidden;
    width: 440px;
}
div.get-listed-thanks div.grabBadges {
    font-size: 0.857em;
}
div.get-listed-thanks div.grabBadges p {
    margin: 14px 0;
}


/* Ticker CSS */
.ticker.reduced-margin {
 margin-bottom: 16px;
}

.ticker span.title {
 display: block;
 float: left;
 color: #ed1b24;
 font-weight: bold;
}

.ticker ul {
 display: block;
 float: left;
 margin-left: 3px;
}

.twitter-ticker {
    position: relative;
    text-align: right;
}
.twitter-ticker .ticker {
    width: 647px;
    float: left;
    text-align: left;
}
.twitter-ticker a.little-button {
    line-height: 1;
    margin-right: 0;
}
.twitter-ticker a.little-button span.label-wrapper {
    background: transparent url(/images/sprites/icons.gif?v=2.5) no-repeat scroll right -762px;
    padding-right: 25px;
}
.twitter-ticker a.little-button:hover span.label-wrapper {
    background-position: right -798px;
}

/** Segment sponsor block **/
.sponsor-block {
 margin-bottom: 14px;
}

.sponsor-block div.sponsor {
 width: 152px;
 border: 1px solid #aaa;
 border-width: 1px 0;
 padding: 8px 0;
 float: left;
 margin-bottom: 13px;
}

.sponsor-block div.sponsor.odd {
 margin-right: 13px;
}

.sponsor-block a.sponsor-link {
 font-size: 10px;
 line-height: 12px;
 display: block;
 text-align: center;
}

/** Image rotator **/
.image-rotator-carousel {
 width: 454px;
 float: left;
 height: auto;
 position: relative;
 overflow: hidden;
}

.image-rotator .previous-arrow span,
.image-rotator .next-arrow span {
 display: block;
 margin-top: 30px;
 height: 23px;
 width: 12px;
}

.image-paginator .previous a.disabled span {
 background: transparent url(/images/sprites/icons-left.gif?v=5.0) no-repeat scroll left -256px;
 cursor: auto;
}

.image-paginator .next a.disabled span {
 background: transparent url(/images/sprites/icons-right.gif?v=5.0) no-repeat scroll right -246px;
 cursor: auto;
}

.image-rotator .previous-arrow span {
 margin-right: 2px;
}

.image-rotator .next-arrow span {
 margin-left: 2px;
}

.image-rotator-carousel .scrollable-area {
 position: relative;
 left: 0;
 width: 150%;
 z-index: 0;
}

.image-rotator-carousel .image-container {
 width: 90px;
 margin-right: 1px;
 float: left;
 position: relative;
}

.image-rotator-carousel .image-container .active-overlay {
 height: 86px;
 width: 86px;
 border: 2px solid #09f;
 position: absolute;
 top: 0;
 left: 0;
 background: transparent;
}

.image-rotator .previous,
.image-rotator .next {
 display: none;
}

div.user-ratings {
 margin-bottom: 0;
 padding-bottom:70px;
 position: relative;
}
div.user-ratings div.bubble {
    display: none;
}
div.user-ratings:hover div.bubble {
    position: absolute;
    top: 0;
    right: 102px;
    display: block;
}

.user-ratings h3.box-header span {
 font-weight: normal;
 font-size: 0.777em;
 color: #666;
}

.user-ratings p {
 font-size: 1.5em;
 font-weight: bold;
 text-align: center;
}

.user-ratings .big-button-wrapper {
    margin-top: 14px;
}

.user-ratings a.big-button-container {
 width: 200px;
}

.user-ratings a.big-button-container .content {
 font-size: 1em;
 font-weight: normal;
}

.user-ratings div.user-ratings-measure {
 font-weight: bold;
 color: #666;
 margin-bottom: 3px;
}

.user-ratings div.user-ratings-measure span.label {
  display: block;
  float:left;
  margin-right: 10px;
  text-align: right;
}

.user-ratings div.user-ratings-measure span.left {
  width: 160px;
  margin-right: 10px;
}

.user-ratings div.user-ratings-measure span.right {
  margin-left: 10px;
  margin-right: 10px;
}

.user-ratings div.user-ratings-measure .scale {
 float:left;
 width: 225px;
}

.user-ratings div.user-ratings-measure .scale .number {
  display: block;
  float: left;
  width: 10px;
  margin-left: 32px;
  text-align: right;
}

.user-ratings div.user-ratings-measure .scale .first {
 margin-left: 0;
}

#IE6 .user-ratings div.user-ratings-measure .scale .second {
 margin-left: 21px;
}

.user-ratings div.user-ratings-measure .scale .last {
 text-align: right;
 width: 11px;
}

.user-ratings span.criteria{
 display: block;
 float: left;
 clear: left;
 font-size: 1.5em;
 font-weight: bold;
 width: 160px;
 text-align: right;
 padding-top: 4px;
 margin-right: 10px;
}

.user-ratings span.slider {
  display: block;
  float: left;
  background: url( '/images/sprites/user-ratings-bg.gif' );
  width: 224px;
  height: 20px;
  margin: 2px 0 6px 0;
  position: relative;
}

.user-ratings span.slider span.bar {
  display: block;
  background: white;
  margin: 5px 1px 1px 5px;
  padding: 1px 0;
  text-indent: -9999px;
}

.user-ratings span.slider span.bar span {
  display: block;
  margin: 0 -1px;
  height: 9px;
  min-width: 0;
  overflow: hidden;
}

.user-ratings span.slider a.knob {
  display: block;
  background: url( /images/sprites/user-ratings-bg.gif ) -223px 0;
  width: 11px;
  height: 20px;
  position: absolute;
  top: 0;
}

.user-ratings .submit{
 clear: both;
 display: block;
 padding: 10px 0 9px 0;
 background: url(/images/sprites/search.gif?v=2.1) left -590px no-repeat;
 width: 63px;
 height: 29px;
 margin: 5px 0 10px 215px;
 overflow: hidden;
 text-indent: -9999px;
 position: absolute;
 top: 160px;
}

.user-ratings .submit:hover{
 background: url(/images/sprites/search.gif?v=2.1) left -649px no-repeat;
}

.user-ratings .submit-again-form {
 position: absolute;
 top: 170px;
 left: 0;
 width:482px;
}

.user-ratings button.submit-again{
 display: block;
 padding: 10px 0 9px 0;
 background: url(/images/sprites/search.gif?v=2.1) left -530px no-repeat;
 width: 120px;
 height: 29px;
 margin: 0px 0 10px 215px;
 overflow: hidden;
 text-indent: -9999px;
}

.user-ratings p.thanks{
 clear: left;
 color: #09f;
 font-size: 1.2em;
 font-weight: bold;
}

/** MICROSITE CROSSOVER **/
.color-smirnoff {
 color: #921c29;
}

div.branding-filter-slot-2 div.smirnoff-badge-wrapper {
 text-align: right;
}

div.branding-filter-slot-2 div.smirnoff-badge-wrapper h4 {
 font-size: 14px;
 line-height: 16px;
}

/*********************************************
 *************** search boxes *****************
 *********************************************/

.searchBox {
    width: 100%;
    margin-bottom: 1em;
}
.searchBox form {
    zoom: 1;
}
.searchBox h3 {
}
.searchBox h4 {
    margin: 0 0 .5em;
}
.searchBox .column {
    margin-right: 13px !important;
    float: left;
}
.searchBox .column select.hide {
    display: none;
}
* html .searchBox .column {
    margin-right: 7px !important;
}
*+html .searchBox .column {
    margin-right: 7px !important;
}
.columns-1 .column,
.searchBox .button {
    margin-right: 0 !important;
}
.searchBox .column label {
    display: block;
    margin: 0 0 .2em;
}
.searchBox .column input.text,
.searchBox .column button {
    display: block;
    margin: 0 0 .5em;
}
.columns-1 .column input.text {
    width: 130px;
}
.columns-2 .column input.text {
    width: 210px;
}
#IE6 .columns-2 .column input.text {
    width: 200px;
}
.columns-3 .column input.text {
    width: 375px;
}
#IE6 .columns-3 .column input.text {
    width: 365px;
}
.searchBox .column select {
    display: block;
    width: 90px;
}
.searchBox .column button {
    padding: 0 5px;
    border-width: 0;
    cursor: pointer;
    background-color: #ed1b24;
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 22px;
    border-radius: 2px;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
}
/* @todo: for big search box */
#mainCol .searchBox .column button {
    margin: 1.3em 0 0;
}
* html .searchBox .column button {
    padding: 0;
    margin-left: 0;
}
*+html .searchBox .column button {
    padding: 0;
    margin-left: 7px;
}
.searchBox .column a {
    display: block;
    color: #09f;
    text-decoration: none;
    font-size: 90%;
    margin: .1em 0 0;
}
.searchBox .column a:hover {
    color: #ed1b24;
}

/* special search box for film festival */
.ffSearch {
}
.ffSearch .column label {
    display: inline;
}
.ffSearch .column select {
    display: inline;
    width: 120px;
}
.ffSearch .column button {
    display: inline;
    margin-left: .5em;
}
.ffSearch .column a.little-button {
    display: inline;
    color: #fff;
    font-size: 100%;
    margin: 0 0 0 .5em;
}

/*__________ main search __________ */

.mainSearch {
    margin-bottom: 10px;
}
body.search .mainSearch {
    margin-top: 15px;
}
#london-venue .mainSearch {
    margin-bottom: 15px;
}

.mainSearch .i3 {
    padding-top: 11px;
}
.mainSearch h3 {
    float: left;
    margin-right: 13px;
}

.mainSearch select#tag_id {
    width: 155px;
}
.mainSearch select#date,
.mainSearch select#cuisine,
.mainSearch select#area {
    width: 144px;
}
.mainSearch input,
.mainSearch select,
.mainSearch button {
    margin: 0;
}

.mainSearch .esContainer {
    float: left;
    position: relative;
}
.mainSearch .editable-select-options {
    margin: 0 13px 0 0;
}
.mainSearch input,
.mainSearch select {
    font-size: 0.9em;
}
.mainSearch .hide {
    position: absolute !important;
    top: -20000px !important;
    left: -20000px !important;
}
.mainSearch input.text-field,
.mainSearch input#keyword {
    padding: 3px;
    width: 144px;
    border:1px solid #AAAAAA;
}

/*__________ editable-select jquery plugin __________*/

input.editable-select {
     background: #FFF url(/images/search/arrow_v.gif) right center no-repeat;
     padding-right: 13px;
}
input.no-select {
     background: #FFF none;
     padding-right: 13px;
}
.editable-select-options {
    position: absolute;
    display: none;
    background: #FFF;
    border: 1px solid #CCC;
    z-index: 21;
}
.editable-select-iframe {
    position: absolute;
    background: #FFF;
    z-index: 20;
    display: none;
}
.mainSearch div.explain {
    margin: 5px 0 0;
    padding: 0 5px 5px;
    border-bottom: 1px solid #aaa;
    background: #FFF;
    border-bottom: 1px solid #CCC;
    z-index: 21;
}

.editable-select-options ul {
    z-index: 10;
    list-style: none;
    overflow: auto;
}
.editable-select-options li {
    cursor: default;
    padding: 3px 5px;
}
.editable-select-options li.selected {
    background-color: #000;
    color: #fff;
}

.editable-select-options li.level0 {
    font-weight: bold;
}
/* temporary solution: main areas (central, north, etc) should not be selectable */
#area_dup li.level0 {
    background-color: #fff;
    color: #000;
}
.editable-select-options li.level1 {
    padding-left: 10px;
}
/* eventually there won't be a 3rd level */
.editable-select-options li.level2 {
    padding-left: 20px;
    font-style: italic;
}

/*__________ film search __________*/

.filmSearch {
    margin-top: 0;
    margin-bottom: 20px;
}
.filmSearch h3 {
    margin-top: 17px;
}
.filmSearch .button {
    margin-top: 17px;
}
.filmSearch .column label {
    font-weight: bold;
    margin-bottom: .4em;
}
.filmSearch .column a {
    margin-top: .3em;
}
.filmSearch input.text-field {
    width: 220px;
}


/*************** /search boxes *****************/


/** Multi format component **/
.multi-format {
 display: block;
 clear: both;
}

.related-content-list .list-item span.inline-flags,
.multi-format .list-item span.inline-flags {
 overflow: hidden;
}

.multi-format .list-item span.inline-flags span.new {
 line-height: 16px;
}

.multi-format .box-header {
 margin-bottom: 15px;
}

.multi-format .content-element {
 padding-bottom: 10px;
 margin: 0 0 10px 0;
}

.multiformat-cols-3 .small-element .list-item {
 float: left;
 width: 317px;
}

.multiformat-cols-2 .small-element .list-item {
 float: left;
 width: 152px;
}

/* fits in 3 columns */
.multi-format .big-element .list-item {
 float: left;
 width: 152px;
}
/* for different columns: */
.multi-format.multiformat-cols-4 .big-element .list-item {
    width: 317px;
}
.multi-format.multiformat-cols-5 .big-element .list-item {
    width: 482px;
}
.multi-format.multiformat-cols-6 .big-element .list-item {
    width: 647px;
}

.nav-related .multi-format .big-element .list-item {
 width: auto;
 margin-top: 10px;
}

.nav-related .multi-format .big-element .image-container {
 margin-right: 0;
}

.multi-format .small-element span.inline-flags span.rating-v2,
.multi-format .big-element span.inline-flags span.rating-v2,
.multi-format .single-column-width span.inline-flags span.rating-v2 {
 display: block;
 clear: both;
}

.multi-format .small-element .no-image-wrapper .list-item,
.multi-format .big-element .no-image-wrapper .list-item {
 display: block;
 clear: both;
 width: 100%;
 float: none;
}

.multi-format .big-element .no-image-wrapper span.inline-flags img,
.multi-format .big-element .no-image-wrapper span.inline-flags span,
.multi-format .search-result span.inline-flags img,
.multi-format .search-result span.inline-flags span,
.multi-format .small-element span.inline-flags img,
.multi-format .small-element span.inline-flags span {
    float: left;
    clear: none !important;
    margin-right: 5px
}
.multi-format .big-element .no-image-wrapper span.inline-flags span.price-band,
.multi-format .search-result span.inline-flags span.price-band,
.multi-format .small-element span.inline-flags span.price-band {
    margin-top: 2px;
}


.multi-format .small-element .little-button-container {
 display: block;
 float: left;
 margin-top: 5px;
}
.multi-format .small-element .image-container .little-button-container {
    float: none;
}

.multi-format .last-content-element {
 border-bottom: none;
 padding-bottom: 0;
}

.multi-format .image-container {
 float: left;
 margin-right: 13px;
}
.multi-format.multiformat-cols-1 .image-container {
    margin-right: 0;
}

.multi-format .single-column-width {
 width: 152px;
 float: left;
 margin-right: 13px;
}

.multiformat-cols-1 .single-column-width {
 margin-right: 0;
 padding-bottom: 0;
}

.multiformat-cols-1 .single-column-width .list-item span.inline-flags {
 overflow: visible;
 height: auto;
}

.multi-format .single-column-width .image-container {
 margin: 0 0 6px;
}

.multi-format .single-column-width.last,
.multi-format .single-column-width.last-content-element {
    margin-right: 0;
}
.multi-format .single-column-width.newRow {
    clear: both;
}

.multi-format .restaurant-offer .offer-with-ticket,
.multi-format .search-result .list-item {
 display: block;
 clear: both;
 float: left;
 width: 78%;
 padding: 0;
 margin: 0;
}
/* for use in 2col wide zones */
.nav-related .multi-format .restaurant-offer .offer-with-ticket,
.nav-related .multi-format .search-result .list-item,
.center-bottom-right .multi-format .restaurant-offer .offer-with-ticket,
.center-bottom-right .multi-format .search-result .list-item {
    width: 220px;
}
#IE6 .nav-related .multi-format .restaurant-offer .offer-with-ticket,
#IE6 .nav-related .multi-format .search-result .list-item,
#IE6 .center-bottom-right .multi-format .restaurant-offer .offer-with-ticket,
#IE6 .center-bottom-right .multi-format .search-result .list-item {
    height: 1%;
}

.multi-format .search-result .image-container {
 float: right;
 text-align: right;
 width: 20%;
 margin: 0;
}
/* for use in 2col wide zones */
.nav-related .multi-format .search-result .image-container,
.center-bottom-right .multi-format .search-result .image-container {
    width: 90px;
}

.multi-format .search-result h4 {
 font-size: 1.333em;
 line-height: 1.125;
 margin-bottom: 3px;
}

.multi-format .search-result span.date span strong {
 color: #fff;
}

.multi-format .search-result span.date-venue-wrapper span.comma {
 display: none;
}

.multi-format .restaurant-offer .ticket-container,
.multi-format .search-result .ticket-container {
 float: right;
 text-align: right;
 clear: right;
}

.multi-format .search-result span.date-venue-wrapper {
 display: block;
 clear: both;
}

.multi-format .full-search-result span.date-venue-wrapper {
 margin-bottom: 4px;
}

.multi-format .full-search-result span.inline-flags,
.multi-format .full-search-result span.rating-v2 {
 display: block;
 float: left;
}

.multi-format .full-search-result span.category {
 display: block;
 float: left;
 margin-right: 7px;
 margin-top: 1px;
}

.multi-format .full-search-result .image-container {
 margin-bottom: 3px;
}

.related-content-list .restaurant-review span.category,
.multi-format .restaurant-review span.category {
 float: left;
 margin-right: 5px;
 padding-top: 1px;
}

.related-content-list .restaurant-review  span.inline-flags span.rating-v2,
.multi-format .restaurant-review span.inline-flags span.rating-v2 {
 float: left;
 margin-right: 5px;
 clear: none;
}

.related-content-list .restaurant-review .price-band,
.multi-format .restaurant-review .price-band {
 float: left;
 margin: 3px 5px 0 0;
}

.multi-format .restaurant-review .tags-container {
 margin-top: 2px;
}

.multi-format .restaurant-review span.new {
 padding-top: 1px;
}

.multi-format .restaurant-review .area-postcode-wrapper {
 display: block;
 clear: both;
 margin-bottom: 2px;
 line-height: 16px;
}

.multi-format a.more,
.simple-list a.more,
.date-of-the-day a.more {
    display: block;
    border-bottom: 6px solid #ddd;
    padding-bottom: 10px;
}
.multi-format address a.more {
    display: inline;
    border-bottom-width: 0;
    padding-bottom: 0;
}
.simple-list a.more {
    border-top: 1px dotted #aaa;
    padding-top: 4px;
}

/* simple list with offers */
.multi-format ol.numbered .content-element,
.multi-format ul.styled .content-element {
    padding-bottom: 0;
    margin-bottom: 0;
}
.multi-format ol.numbered li,
.multi-format ul.styled li {
    color: #333;
}


/** venue/byTag component **/
.related-content-list .content-element {
 padding-bottom: 10px;
 margin: 0 0 10px 0;
}

.related-content-list .content-element div.list-item {
 float: left;
 width: 75%;
}

.related-content-list .content-element div.list-item h4 {
 font-size: 16px;
 line-height: 1.22;
}

.related-content-list div.content-element div.list-item-no-image {
 width: 100%;
}

.related-content-list .content-element div.image-container {
 float: left;
 width: 25%;
 text-align: right;
}

.related-content-list .last-content-element {
 border-bottom: none;
 padding-bottom: 0;
}

/** seeOther component **/
.see-other {
 border-top: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
 padding: 1px 0 4px 0;
}

.see-other a.main-text {
 font-size: 3.5em;
 line-height: 1.2;
 font-weight: bold;
 letter-spacing: -2px;
}

.see-other a.color-restaurants:hover {
 color: #f60;
}

.see-other a.more {
 font-size: 1.166em;
 line-height: 1.2;
 font-weight: normal;
}

/********************************************/
/*************** BOOKING MODULE *************/
/********************************************/

.booking-form form {
    position: relative;
    overflow: hidden;
}
#IE6 .booking-form form {
    height: 1%;
}

.booking-form select {
    max-width: 330px;
}
.booking-form form div.loader {
    display: none;
}
.booking-form form.disabled {
}
.booking-form form.disabled div.loader {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 482px;
    height: 500px;
}
.booking-form form.disabled div.loader img {
    position: absolute;
    top: 0;
    right: 10px;
}

.booking-form h4,
.booking-form p {
    margin-bottom: .5em;
}
.booking-form dl {
    margin-bottom: .5em;
}
.booking-form dl dt {
    font-weight: bold;
    float: left;
    margin-right: 5px;
    width: 12em;
}
.booking-form dl dt,
.booking-form dl dd {
    line-height: 1.3;
}

.booking-form li.dateRow img {
    margin: 2px 0 0 2px;
}

.booking-form div.buttons {
    background-color: #fff;
    padding: 5px;
}
#IE6 .booking-form div.buttons {
    height: 1%;
}

.booking-form div.buttons input.submit {
    background: #fff url(/images/sprites/search.gif?v=2.1) no-repeat scroll left -890px;
    width: 74px;
    height: 26px;
    border-width: 0;
    text-indent: -99999px;
    vertical-align: middle;
}
#IE6 .booking-form div.buttons input.submit,
#IE7 .booking-form div.buttons input.submit {
    font-size: 0;
    line-height: 0;
    height: 24px;
}

.booking-form #book-slots a.little-button em,
.booking-form #book-slots p.legend em {
    color: #ED1B24;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    vertical-align: middle;
}
.booking-form #book-slots p {
    padding: 5px 0;
}

#IE7 .booking-form #book-slots p.legend {
    padding: 0 0 5px;
}

/* fix for safari
.booking-form #book-slots a.little-button,
.booking-form #book-slots a.little-button span.inner-button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.booking-form #book-slots a.little-button,
.booking-form #book-slots a.little-button span.inner-button,
.booking-form #book-slots a.little-button span.inner-button span.label-wrapper {
    float: left;
}
*/
.little-button:after {
    content: '';
}

/*****************************************/
/************* BUZZOMETRE CSS ***********/
/*****************************************/

.buzzOmetre {
}

/* __________ tab nav __________ */
.buzzOmetre .tabNav {
    text-align: center;
}
.buzzOmetre .tabNav ul {
    margin: 10px 0 15px !important;/* IE */
    width: auto !important;/* IE */
    float: none;
}
.buzzOmetre .tabNav ul li {
    display: inline-block;
    float: none;
}
#IE6 .buzzOmetre .tabNav ul li,
#IE7 .buzzOmetre .tabNav ul li {
    height: 1%;
    display: inline;
}

/* __________ buzz list __________ */
.buzzOmetre ul.buzzList {
	margin-bottom: 30px;
}
.buzzOmetre ul.buzzList li {
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	padding: 0 10px;
    position: relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.buzzOmetre ul.buzzList li a {
    color: #fff;
}
/* buzz strength icon */
.buzzOmetre ul.buzzList li strong {
    color: #fff;
    display: inline-block;
    background: transparent url(/images/sprites/buzz-strength.gif) no-repeat 0 0;
    width: 33px;
    height: 15px;
    line-height: 1;
    vertical-align: middle;
}
.buzzOmetre ul.buzzList li strong span {
	position: absolute;
	top: -50000px;
	left: -50000px;
}
.buzzOmetre ul.buzzList li.strength0 strong { background-position: -10px -160px; }
.buzzOmetre ul.buzzList li.strength1 strong { background-position: -10px -135px; }
.buzzOmetre ul.buzzList li.strength2 strong { background-position: -10px -110px; }
.buzzOmetre ul.buzzList li.strength3 strong { background-position: -10px -85px; }
.buzzOmetre ul.buzzList li.strength4 strong { background-position: -10px -60px; }
.buzzOmetre ul.buzzList li.strength5 strong { background-position: -10px -35px; }
.buzzOmetre ul.buzzList li.strength6 strong { background-position: -10px -10px; }


/* colours and font sizes for buzz list */

.buzzOmetre ul.buzzList li.strength0 { font-size: 1.4em; }
.buzzOmetre ul.buzzList li.strength1 { font-size: 1.4em; }
.buzzOmetre ul.buzzList li.strength2 { font-size: 1.4em; }
.buzzOmetre ul.buzzList li.strength3 { font-size: 1.7em; }
.buzzOmetre ul.buzzList li.strength4 { font-size: 1.7em; }
.buzzOmetre ul.buzzList li.strength5 { font-size: 2.0em; }
.buzzOmetre ul.buzzList li.strength6 { font-size: 2.0em; }

.buzzOmetre ul.buzzList li.top1 { background-color: #f8c30a; }
.buzzOmetre ul.buzzList li.top2 { background-color: #f4980d; }
.buzzOmetre ul.buzzList li.top3 { background-color: #f24728; }
.buzzOmetre ul.buzzList li.top4 { background-color: #f11d37; }
.buzzOmetre ul.buzzList li.top5 { background-color: #ed0073; }
.buzzOmetre ul.buzzList li.top6 { background-color: #de0791; }
.buzzOmetre ul.buzzList li.top7 { background-color: #c213c9; }
.buzzOmetre ul.buzzList li.top8 { background-color: #9726d2; }
.buzzOmetre ul.buzzList li.top9 { background-color: #431db7; }
.buzzOmetre ul.buzzList li.top10 { background-color: #3738db; }
.buzzOmetre ul.buzzList li.top11 { background-color: #2b54ff; }
.buzzOmetre ul.buzzList li.top12 { background-color: #188bf8; }
.buzzOmetre ul.buzzList li.top13 { background-color: #1ccec2; }


/* __________ tooltip with tweets, likes, views numbers __________ */

.buzzOmetre ul.buzzList li .tooltip {
    color: #333;
    font-weight: normal;
    vertical-align: top;
    padding: 0 10px;
    position: relative;
    height: auto;
    line-height: 1.3;
    width: 170px;
    font-size: 14px;
    text-align: right;
    margin-top: -20px;
}
.buzzOmetre ul.buzzList li li {
    color: #333;
    font-weight: normal;
    padding: 0;
    margin: 0;
    position: static;
    min-height: 16px;
    overflow: hidden;
}
.buzzOmetre ul.buzzList li .tooltip li span {
    float: left;
    padding-left: 18px;
    text-align: left;
}
.buzzOmetre ul.buzzList li .tooltip span.twitter {
    background: transparent url(http://twitter.com/favicon.ico) no-repeat 0 0;
}
.buzzOmetre ul.buzzList li .tooltip span.facebook {
    background: transparent url(http://www.facebook.com/favicon.ico) no-repeat 0 0;
}
.buzzOmetre ul.buzzList li .tooltip span.google {
    background: transparent url(http://www.google.com/favicon.ico) no-repeat 0 0;
}
.buzzOmetre ul.buzzList li .tooltip .pointer {
    left: 10px;
}

/* __________ smirnoff sign up box __________ */

.signup {
}
.signup .box-header {
    margin-bottom: 10px;
}

.signup form.two-column {
    background: #262626 url(/images/microsite/iphone/sign-up-box-bg.jpg) no-repeat scroll 0 0;
    color: #fff;
    padding: 75px 10px 10px;
}
.signup form.stage-3 {
    background-image: none;
    padding-top: 20px;
}
.signup form.two-column div.widget-container {
    overflow: hidden;
    padding-bottom: 0;
}
#IE6 .signup form.two-column div.widget-container {
    height: 1%;
}
.signup form.two-column div.widget-label {
    width: 32%;
}
.signup form.two-column label {
    color: #fff;
    line-height: 14px;
}
.signup form.two-column span.required {
    color: #fff;
}
.signup form.two-column div.widget-field {
    width: 63%;
}
.signup form.two-column select {
    padding: 0;
}
.signup form.two-column ul.checkbox_list {
}

.signup form.two-column input.submit {
    background: transparent url(/images/microsite/iphone/sign-up-box-button.gif) 0 0;
    border: none;
    margin: 0;
    cursor: pointer;
    width: 61px;
    height: 24px;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
    display: block;
    text-indent: -999px;
}
.signup form.two-column span.legend {
    color: #fff;
    float: right;
    padding-top: 8px;
}

.signup a.more {
    display: inline;
    border-bottom-width: 0;
    padding-bottom: 0;
}

/*****************************************/
 /*********** myTO login popup ************/
 /*****************************************/

.popup {
    text-align: center;
    margin: 20px auto;
    width: 280px;
}
.popup img.logo {
    margin-bottom: 20px;
}
.popup h2 {
    margin-bottom: 10px;
    color: #333;
}

/* __________ login buttons __________ */

.popup ul.buttons li {
    font-size: 1.33em;
    font-weight: bold;
}

.popup ul.buttons .loginButton {
    border: 2px solid #ccc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 7px 0;
    margin: 0 0 10px;
    background: #e8e8e8 url(/images/backgrounds/gradientButtons.gif) repeat-x scroll 0 0;
    display: block;
    color: #333;
}

.popup ul.buttons .loginButton:hover {
    color: #fff;
    background-image: none;
    background-color: #09f;
}

.popup ul.buttons span.loginButton span {
    color: #ccc;
}
.popup ul.buttons span.loginButton strong {
    display: none;
}
.popup ul.buttons span.loginButton:hover span {
    display: none;
}
.popup ul.buttons span.loginButton:hover strong {
    display: inline;
}

/* icons */
.popup ul.buttons .loginButton span {
    background: url("/images/sprites/social-logos.png") no-repeat scroll 60px center transparent;
    display: block;
}
.popup ul.buttons .loginButton .facebook {
    background-position: 60px -9px;
}
.popup ul.buttons .loginButton .twitter {
    background-position: 60px -82px;
}
.popup ul.buttons .loginButton .google {
    background-position: 60px -106px;
}












.iphone-competition div.center-top-left {
 width: 482px;
}

.iphone-competition form.two-column {
 margin-bottom: 30px;
 line-height: 15px;
 overflow: hidden;
}
.iphone-competition #IE6 form.two-column {
 height: 1%;
}

.iphone-competition form.two-column div.field-wrapper {
 border: 1px solid #ccc;
 padding: 20px 10px 0px 10px;
 background: #eee;
 margin-bottom: 12px;
}

.iphone-competition form.two-column .widget-container {
 clear: left;
 overflow: hidden;
}
.iphone-competition #IE6 form.two-column .widget-container {
 height: 1%;
}

.iphone-competition form.two-column div.field-wrapper div.smirnoff-question{
 border-bottom: 1px solid #ccc;
 margin-bottom: 10px;
}

.iphone-competition form.two-column input.submit {
 background: transparent url(/images/sprites/search.gif?v=2.1) 0 -594px;
 border: none;
 margin: 0;
 cursor: pointer;
 width: 62px;
 height: 25px;
 overflow: hidden;
 font-size: 0px;
 line-height: 0px;
 display: block;
 text-indent: -999px;
 float: right;
}

.iphone-competition form.two-column div.submit-choices {
 display: block;
 clear: left;
 float: right;
 padding: 0 0 14px 0;
 overflow: hidden;
 width: 286px;
}
.iphone-competition #IE6 form.two-column div.submit-choices {
 width: 296px;
 height: 1%;
}

.iphone-competition form.two-column div.submit-choices input.submit {
 display: block;
 float: left;
 margin: 0 0 0 10px;
}

.iphone-competition form.two-column div.submit-choices input.submit-invite {
 background-position: 0 -714px;
 width: 116px;
}

.iphone-competition form.two-column div.submit-choices input.submit-no-invite {
 background-position: 0 -777px;
 width: 150px;
}

.iphone-competition form.two-column div.smirnoff-question .widget-label {
 width: 400px;
 text-align: left;
}

.iphone-competition form.two-column div.smirnoff-question div.widget-field {
 margin-left: 31%;
}
.iphone-competition #IE6 form.two-column div.smirnoff-question div.widget-field {
 margin-left: 15.8%;
}

.iphone-competition form.two-column div.widget-container-first{
 margin-bottom:0;
}
.iphone-competition form.two-column div.widget-container-last{
 border-bottom: 1px solid #aaa;
 margin-bottom: 20px;
 padding-bottom: 20px;
}

.iphone-competition-text-1 p,
.iphone-competition-text-2 p,
.iphone-competition-text-3 p {
 margin-bottom: 14px;
}

.iphone-competition-text-1 em,
.iphone-competition-text-2 em,
.iphone-competition-text-3 em {
 color: #921c29;
 font-style: normal;
 font-weight: bold;
}

.iphone-experiences .center-top-right div.multi-format,
.iphone-competition .center-top-right div.multi-format {
 float: left;
 clear: none;
}




/**
 * RHS Google Forms
 */

div.ss-form-container
{
	line-height: 1.25;
	margin-bottom: 27px;
	width: 310px;
}

div.ss-footer
{
	margin-top: 5px;
}

div.ss-form-container h1.ss-form-title
{
	font-size: 1.5em;
	line-height: 1;
	padding: 1px 0 4px;
    border-bottom: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;
    clear: both;
    display: block;
    margin-bottom: 10px;
	letter-spacing: 0px;
}

div.ss-form-container label.ss-q-title
{
	font-weight: bold;
	display: block;
	width: 90%;
}

div.ss-form-container label.ss-q-help
{
    color: #999999;
    display: block;
	width: 90%;
}

div.ss-form-container .ss-required-asterisk
{
	color: #ED1B24;
}

div.ss-required-asterisk
{
	margin-top: 3px;
}

div.ss-form-container input.ss-q-short
{
	width: 90%;
	border: 1px solid #AAAAAA;
	margin-top: 5px;
}

div.ss-form-container button.submit {
 background: url(/images/sprites/search.gif?v=2.1) left -594px no-repeat;
 width: 75px;
 height: 24px;
 margin-top: 5px;
 overflow: hidden;
 vertical-align: middle;
}

div.ss-form-container button.submit span {
 display: none;
}

div.ss-form-container input.ss-form-validation-error
{
	border-color: #ED1B24;
}

div.ss-form-container div.ss-success-message
{
	display: none;
	font-weight: bold;
	margin: 10px 0px;
}




/* __________ general paginator __________ */

div.paginatorComponent {
    margin-bottom: 27px;
}

/* prev/next links */
div.paginatorComponent div.prevNext {
    position: relative;
}
div.paginatorComponent div.prevNext a.prev,
div.paginatorComponent div.prevNext a.next {
    position: absolute;
    top: 0;
}
div.paginatorComponent div.prevNext a.prev {
    left: 0;
}
div.paginatorComponent div.prevNext a.next {
    right: 0;
}


/* pageNamesText */
div.paginatorComponent ul.pageNamesText {
}
div.paginatorComponent ul.pageNamesText li {
    display: inline-block; /* not inline, but inline-block for fix in Webkit (border missing when wrapping) */
    padding: 0 5px;
    border-right: 1px solid #ccc;
    line-height: 1.4;
}
#IE6 div.paginatorComponent ul.pageNamesText li,
#IE7 div.paginatorComponent ul.pageNamesText li {
    display: inline;
}
div.paginatorComponent ul.pageNamesText li.first {
    border-left: 1px solid #ccc;
}
div.paginatorComponent ul.pageNamesText li a,
div.paginatorComponent ul.pageNamesText li strong {
    font-weight: bold;
    white-space: nowrap;
}
div.paginatorComponent ul.pageNamesText li a {
    color: #09f;
}
div.paginatorComponent ul.pageNamesText li a:hover {
    color: #999;
}
div.paginatorComponent ul.pageNamesText li strong {
    color: #999;
}

/* simpleList: see ul.styled in core.css */
div.paginatorComponent ul.simpleList {
}

/* pageNumbers */
div.paginatorComponent ul.pageNumbers {
    text-align: center;
}
div.paginatorComponent ul.pageNumbers li {
    display: inline;
    border-right: 1px solid #ccc;
}
div.paginatorComponent ul.pageNumbers li.first {
    border-left: 1px solid #ccc;
}
div.paginatorComponent ul.pageNumbers li.sep {
    padding: 0 5px;
}
div.paginatorComponent ul.pageNumbers li a {
    padding: 0 5px;
}
div.paginatorComponent ul.pageNumbers li strong {
    padding: 0 5px;
    color: #ed1b24;
}

/* buttons (similar to .tabNav) */
div.paginatorComponent ul.buttons {
}
div.paginatorComponent ul.buttons li {
    float: left;
    margin-bottom: 2px;
}
div.paginatorComponent ul.buttons li a,
div.paginatorComponent ul.buttons li strong {
    float: left;
    padding: 6px;
    background: url("/images/sprites/buttons.gif?v=5") no-repeat scroll -10px -132px transparent;
    border: 1px solid #ccc;
    border-width: 0 1px;
    font-weight: bold;
}
div.paginatorComponent ul.buttons li.first a,
div.paginatorComponent ul.buttons li.first strong {
    background-position: left -132px;
    padding-left: 9px;
    border-width: 0 1px 0 0;
}
div.paginatorComponent ul.buttons li.last a,
div.paginatorComponent ul.buttons li.last strong {
    background-position: right -132px;
    border-width: 0 0 0 1px;
    padding-right: 9px;
}
/* red */
div.paginatorComponent ul.buttons li strong {
    background-position: -10px -264px;
    color: #fff;
}
div.paginatorComponent ul.buttons li.first strong {
    background-position: 0 -264px;
}
div.paginatorComponent ul.buttons li.last strong {
    background-position: right -264px;
}
/* blue */
div.paginatorComponent ul.buttons li strong.blue {
    background-position: -10px -88px;
}
div.paginatorComponent ul.buttons li.first strong.blue {
    background-position: 0 -88px;
}
div.paginatorComponent ul.buttons li.last strong.blue {
    background-position: right -88px;
}
/* green */
div.paginatorComponent ul.buttons li strong.green {
    background-position: -10px -732px;
}
div.paginatorComponent ul.buttons li.first strong.green {
    background-position: 0 -732px;
}
div.paginatorComponent ul.buttons li.last strong.green {
    background-position: right -732px;
}
/* orange */
div.paginatorComponent ul.buttons li strong.orange {
    background-position: -10px -766px;
}
div.paginatorComponent ul.buttons li.first strong.orange {
    background-position: 0 -766px;
}
div.paginatorComponent ul.buttons li.last strong.orange {
    background-position: right -766px;
}