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

File Name: 
new_events.css

Date : 2013-09-01 (combining events.css and new_events.css and cleaned-up by Jerome)

Description:
Sytlesheet for items specific to the Events page/area.

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

#content{
width:1140px;
border-right: 1px solid #EFEFEF;
background: #FFFFFF;/*none;*/
/*background: rgba(0, 0, 0, 0) url(/resources/images/1140_grid_14.png) 0 0 repeat-y;*/
padding-top: 0;
padding-bottom: 0;
}

#top-title{
margin-top:20px;
}

#leftpart #top-title{
margin-top:0;
}


#rightpart {
width:302px;
}

#rightpart .rt_info_block{
width:302px;
border: none;
margin-top:5px;
padding-top:20px;
}


h2.event_title {
margin-bottom:19px;
}

#eventSummary p {
padding-right:25px;
}

#browseinandaround a,#browsesmartlists a,#browsefestivals a {
line-height:1.6em;
padding:0 .3em 0 0;
}

#nearby ul {
margin-top:5px;
}

#nearby li,#nearby_tabelog li {
border-top:1px solid #fff;
}

#community ul li {
padding-right:25px;
font-size:12px;
line-height:1.4;
}

#add_review h3 {
margin:1.3em 0 0;
padding:0;
}

#add_review #name-email label {
display:block;
float:left;
width:4em;
}

#add_review #comment-bake-cookie {
width:2em;
border:0!important;
}

#add_review #comments-open-text {
padding:0;
}

#add_review p {
margin:1em 0;
}

#add_review #comment-post {
background-position:right;
background-repeat:repeat-y;
font-family:Arial, Verdana, "Lucida Grande", sans-serif;
}

div.actionbar {
overflow:hidden;
width:140px;/*100px;*/
padding:2px 0 5px;
}

#tweet-button-ja {
float:left;
margin-right:2px;
width:76px!important;
overflow:hidden;
margin-bottom:10px;
}

#tweet-button-ja iframe.twitter-share-button {
width:76px!important;
overflow:hidden;
}

#tweet-button-en {
float:left;
margin-right:2px;
width:65px!important;
overflow:hidden;
}

#tweet-button-en iframe.twitter-share-button {
width:65px!important;
overflow:hidden;
}

#hatebu-button {
margin-bottom:5px;
width:60px;
float:left;
overflow:hidden;
}

#googleplusone-button {
margin-top:2px;
width:60px;
overflow:hidden;
float:left;
}

#facebook-button {
width:90px;/*115px;*/
height:21px;
float:left;
overflow:hidden;
}

#facebook-button-iframe {
border:none;
}

#line-button-en, #line-button {
float: left;
margin-right: 10px;
}

.pivot {
margin-top:50px;
display:block;
width:733px;
overflow:hidden;
border-right: 1px solid #EFEFEF;
padding-right: 94px;
padding-top :20px;
float:left;
}

.pivot #event_list_switcher {
margin-bottom:20px;
width:400px;
float:left;
}

.pivot #event_list_switcher li {
display:inline-block;
font-size:16px;
font-weight:500;
font-family:"Avenir Next";
color:#ef1884;
padding:8px 12px;
}

.pivot #event_list_switcher li.selected {
border-radius:5px;
background:#ddd;
}

.event_list_backnext {
width:90px;
float:right;
}

.event_list_backnext li {
width:33px;
height:33px;
background-image:url(/resources/images/event_arrows.png);
background-size:66px 33px;
background-repeat:no-repeat;
display:inline-block;
overflow:hidden;
}

.event_list_backnext li a {
text-indent:-9999999px;
width:33px;
height:33px;
display:block;
}

.event_list_backnext .back {
margin-right:5px;
}

.event_list_backnext .next {
background-position:-33px 0;
}

.pivot #nearby {
display:block;
width:100%;
overflow:hidden;
}

.pivot #nearby ul {
width:5000px;
display:block;
}

.pivot #nearby ul li {
width:204px;
clear:none;
display:inline-block;
vertical-align:top;
}

.pivot #nearby ul li div {
height:150px;
overflow:hidden;
width:190px;
}

.pivot #nearby ul li div > img {
width: 190px;
height: auto;
}

.pivot #nearby ul li h3.title {
font-size:1.4em;
margin-bottom:0;
}

.pivot #nearby ul li h4.location {
font-size:1.4em;
font-weight:400;
padding:0;
}

.pivot #nearby ul li h4 em {
color:#aaa;
font-style:normal;
font-weight:400;
}

.pivot #nearby ul li span.timeleft {
font-size:12px;
}

.event_discount {
clear:both;
width:75%;
margin:25px auto;
}

.event_discount .icon {
display:inline-block;
vertical-align:top;
width:75px;
margin:0 10px 0 0;
}

.event_discount .discount_desc {
display:inline-block;
vertical-align:top;
width:390px;
font-size:14px;
}

.event_discount .discount_desc strong {
color:#E72D89;
}

.pivot #event_list_contents h3 {
color:#148BCF;
}

.discount_sticker {
border-radius:90px;
background-color:#ef1884;
width:90px;
height:90px;
color:#FFF;
text-align:center;
display:table-cell;
vertical-align:middle;
float:right;
margin-right:40px;/*17px;*/
margin-bottom:17px;
margin-top:20px;
}

.discount_sticker a:link,.discount_sticker a:visited,.discount_sticker a:hover,.discount_sticker a:active {
color:#FFF;
text-decoration:none;
}

.discount_sticker:hover,.discount_sticker a:active {
background-color:#148BCF;
}

.discount_sticker h3,.discount_sticker h4,.discount_sticker p {
line-height:1.05;
color:#FFF;
margin:0;
padding:0;
}

body.ja .discount_sticker p {
text-align:center;
padding-top:5px;
}

#leftpart .discount_sticker h3 {
font-size:28px;
margin-top:15px;

}

.ja #leftpart .discount_sticker h3 {
font-size:28px;
margin-top:20px;
}

#leftpart .discount_sticker h4 {
font-size:13px;
text-transform:uppercase;
}

.atlist {
overflow:hidden;
height:70px;
display:block;
background:transparent url(/resources/images/events/events_atlist.png) no-repeat 0 0;
clear:both;
width:75%;
margin:25px auto;
}

.atlist a {
width:324px;
height:70px;
text-indent:-9999px;
display:block;
}

.atlist a:hover,.atlist a:active {
background:transparent url(/resources/images/events/events_atlist.png) no-repeat 0 -70px;
}

body.en #eventSummary p.whatwherewhen {
font-size:1.2em;
line-height:1.3em;
}

body.ja #eventSummary p.whatwherewhen {
font-size:1.4em;
line-height:1.3em;
}

#add_review label {
font-weight:700;
}

#add_review input,#add_review textarea {
font-family:Arial, Verdana, "Lucida Grande", sans-serif;
}

.related_events li,.related_events li p {
color:#5B5D60;
font-size:1em!important;
line-height:1.3em;
}

.related_events li a {
font-size:1.2em!important;
line-height:1.3em;
}

#leftpart {
width:814px; /*734px;*/
border-right: 1px solid #EFEFEF;
margin-right:0;
margin-bottom: 0;
/*padding: 0 0 0 13px;*/
}

#rightpart {
/*float:right;*/
padding: 0 0 0 13px;
/*border-left: 1px solid #EFEFEF;*/
}

.main-pic {
width:330px;
/*height:464px;*/
}

.main-pic img {
width:310px;
height:auto;
}

body #leftpart h2.event_title, body #leftpart h2.venue_title {
margin-bottom:0;
margin-top:20px;
margin-left:0;
}

body #leftpart h3.venue {
margin-bottom:22px;
font-size:2.4em;
font-weight:400;
padding-top:0;
}

body.ja #leftpart h3.venue {
font-size:2em;
margin-top:.4em;
}

body #leftpart h3.venue a {
color:#888;
}

#mytabblock {
float:right;
width:210px;
background:none;
border-bottom:none;
margin:0;
padding:0;
margin-right: 50px;/*65px;*/
}

div.actionbar #tweet-button-en {
float:none;
margin-bottom:10px;
}

div#details {
float:none;
display:block;
width:90%;
clear:left;
}

div#details div.full_details {
width:100%;
float:none;
display:block;
}

div#details div.half_details,div#details div.half_details_right {
width:48%;
float:none;
display:inline-block;
vertical-align:top;
}

div#eventSummary {
width:100%;
}

div#eventSummary #introEventBlock ul li {
display:inline-block;
padding-bottom:0;
margin:0 10px 10px 0;
}

div#eventSummary #introEventBlock ul li a {
display:block;
font-size:12px;
text-transform:uppercase;
color:#5B5D60;
line-height:1;
border:1px solid #E3E3E3;
border-radius:4px;
padding:4px 5px 3px;
}

div#eventSummary #introEventBlock ul li a:hover,div#eventSummary #introEventBlock ul li a:active {
background:#E72D89;
color:#FFF;
text-decoration:none;
border-color:#E72D89;
}

#introEventBlock {
margin-top:20px;
float:left;
width:400px;/*357px;*/
}

/*
#readmoreLink a {
width:100%;
display:block;
text-align:left;
text-transform:uppercase;
font-weight:700;
color:#8f9194;
padding:.5em 1em;
}
*/

#readmoreLink a {
padding: .5em 1em;
width: 100%;
display: block;
text-align: center;
text-transform: uppercase;
font-weight: bold;
color: #8f9194;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:2px solid #ddd
}

#community {
padding-top:40px;
clear:left;
}

#rightpart #firstad {
overflow:hidden;
display:block;
float:none;
}

#half_33 {
width:33%!important;
}

.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:1px;
width:1px;
}

.clearfix {
display:inline-block;
}

* html .clearfix {
height:1%;
}

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

h2.with-badge {
width:600px;
}

h3.with-badge {
width:600px;
}

/*
.pivot #event_list_switcher li.selected a,.pivot #nearby ul li .timealert,.pivot #event_list_contents span {
color:#ef1884;
}
*/

#badge_slogan,#nearby ul p,#nearby_tabelog ul {
color:#5B5D60;
}

body.en #eventSummary p,body.ja #eventSummary p {
font-size:1.4em;
line-height:1.42;
}

#introEventBlock #readmoreLink,html[xmlns] .clearfix {
display:block;
width:362px;
}

/*Event pivot Arrows*/
.kab_arrow > li {
    background-image: url(/resources/images/events/event_arrows.png);
}

/* Advertisements */
#homebnrs { margin: 10px 0; padding: 0; float: left; display: block; width: 835px; }
#homebnrs ul {line-height: 0; width:835px; display: block; height: auto; margin: 0; padding: 0;}
#homebnrs ul li {margin: 0 33px 15px 0 !important;/*0 17px 0 0 !important*/; padding: 0 !important; display: inline-block; line-height: 0; vertical-align: bottom;}
#homebnrs ul li:last-child {margin-right:0 !important;}
/*#homebnrs img, #homebnrs object { border: 0; padding: 0; margin: 9px 0 0 0; }*/
/*#homebnrs img {width:223px; height: auto;}*/
#homebnrs img {height: 130px !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
#homebnrs .long img {width:703px !important;}
#homebnrs .middle img {width:463px !important;}
#homebnrs .short img {width:223px !important;}
.bnr_rt, 
.bnr_lt { float: left; display: inline; width: 209px; margin-bottom: 0; }
.bnr_lt { margin-right: 8px; }
#koukoku { margin: 5px 0 30px 0;}
#banners { height: auto ;/*130px; /*width: 703px;*/ overflow: hidden; }

#loading { margin-top: -40px; margin-left: 730px; width: 25px; height: 25px; }

/*copyright for pics*/
.copyright{
    font-size: 12px;
    color : #666;
    line-height: 20px;
}


#reviews {
    width: 720px;
    padding-right: 94px;
    border-right: 1px solid #EFEFEF;
    margin-top :0;
}