/********************** events main page *****************************/
div.vevent {
  width: 178px;
  float: left;
  margin: 12px 0 -5px 12px;
  background: #fff url(../media/events-grey-bg.png) no-repeat -24px 75px;
  position: relative;
}

#bd-events div.vevent .bg-inner{
  background: url(../media/event-box-bg.png) no-repeat left bottom;
}

#bd-events div.vevent .bg-outer{
  background: url(../media/event-box-bg.png) no-repeat right bottom;
}

.vevent h2 {
  text-transform: uppercase;
  margin-top: 0;
}

.vevent .bg-inner {
  height: 190px;
  padding-top: 10px;
}

.vevent .url {
  display: block;
  padding:20px 7px 0px 7px;
  text-decoration: none;
}

.vevent img.attach {
  display: block;
  margin: 0 auto;
  padding: 2px;
  border: 1px silver solid;
  width: 87px;
  height: 87px;
  background-image: none;
}

.vevent span.summary {
  display: none;
}

.vevent .ev-title {
  text-transform: uppercase;
  display: block;
  color: #00abe0;
}

/** later on we have a table cell with class location that must not be display block**/
div.vevent .location {
  display: block;
  color: #8DAA01;
}

div.vevent .dtstart,
div.vevent .dtend,
div.vevent .date-connect {
  color: #666;
}

.vevent abbr {
  border-bottom: none;
}

.vevent a.arr-grey {
  text-transform: lowercase;
  position: absolute;
  bottom: 16px;
  left: 15px;
}

#bd-events .cinema {
  background-position: -1424px 75px;
}

#bd-events .concerts {
  background-position: -2224px 75px;
}

#bd-events .conferences {
  background-position: -2624px 75px;
}

#bd-events .danse {
  background-position: -424px 75px;
}

#bd-events .expositions {
  background-position: -1224px 75px;
}

#bd-events .foires {
  background-position: -824px 75px;
}

#bd-events .fetes {
  background-position: -1824px 75px;
}

#bd-events .loisirs {
  background-position: -1024px 75px;
}

#bd-events .marches {
  background-position: -2424px 75px;
}

#bd-events .opera {
  background-position: -1624px 75px;
}

#bd-events .soirees {
  background-position: -24px 75px;
}

#bd-events .spectacles {
  background-position: -224px 75px;
}

#bd-events .sport {
  background-position: -2024px 75px;
}

#bd-events .theatre {
  background-position: -624px 75px;
}

/************ general event content div *********/
#bd-events #contents,
#bd-events-list #contents {
  background: #fff;
  padding-bottom: 10px;
}

/********** suggest event ***********/
#suggest-event-big {
  width: 186px;
	height:216px;
  float: left;
  margin-left: 12px;
	background:url(../media/event-suggest-big.png) no-repeat;
	position: relative;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #586711;
}

#suggest-event-big a{
	color: #eaeed8;
	margin-top: 15px;
	padding: 5px;
	display:block;
	font-size:13px;
	background: url(../media/arrows.png) no-repeat 57px -1689px;
}

#suggest-event-big strong{
	color: #eee;
	padding: 5px 0px 0px 15px;
	display:block;
}

#suggest-event-big div{
	text-align:right;
	font-size: 16px;
	width: 150px;
	margin:20px auto;
}

#suggest-events-small {
  width: 183px;
	height: 86px;
	margin: -10px 0 0 580px;
	background:url(../media/suggest-small.png) no-repeat;
	position: relative;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #586711;
}

#suggest-events-small a{
	color: #eaeed8;
	padding:7px 0 0 8px;
	display:block;
	background: url(../media/arrows.png) no-repeat -18px -1687px;
}

#suggest-events-small div{
	position:absolute;
	left: 25px;
	top:19px;
	font-size: 14px;
}

#suggest-events-small img{
  position: absolute;
	right: 0;
	top: 3px;
	width: 50px;
	height: 50px;
	background:url(../media/event-icons-green.png) no-repeat 0px -500px;
}

#suggest-events-small img.cinema {
  background-position: 0px 0px;
}

#suggest-events-small img.foires {
  background-position: 0px -100px;
}

#suggest-events-small img.soirees {
  background-position: 0px -200px;
}

#suggest-events-small img.opera {
  background-position: 0px -300px;
}

#suggest-events-small img.marches {
  background-position: 0px -400px;
}

#suggest-events-small img.fetes {
  background-position: 0px -500px;
}

#suggest-events-small img.loisirs {
  background-position: 0px -600px;
}

#suggest-events-small img.theatre {
  background-position: 0px -700px;
}

#suggest-events-small img.danse {
  background-position: 0px -800px;
}

#suggest-events-small img.concerts {
  background-position: 0px -900px;
}

#suggest-events-small img.expositions {
  background-position: 0px -1000px;
}

#suggest-events-small img.conferences {
  background-position: 0px -1100px;
}

#suggest-events-small img.sports {
  background-position: 0px -1200px;
}

#suggest-events-small img.spectacles {
  background-position: 0px -1300px;
}

/********** search event ***********/
#event-search {
  margin-bottom: 15px;
  /*margin-left: 205px;*/
  /*width: 515px;*/
  border-top: 2px #CADA1B solid;
  background-color: #eee;
  padding: 10px 18px;
}

#event-search h3 {
  display: inline;
  padding-right: 10px;
}

#SearchTitle {
  width: 379px;
  border: 1px #AAA solid;
}

#event-search select {
  width: 146px;
  margin-top: 8px;
  border: 1px #999 solid;
  padding: 1px;
}

#event-search button {
  margin: 1px 3px;
}

#bd-events-list #event-search,
#bd-events-single #event-search {
  /*margin-left: 23px;*/
  /*float: left;*/
}

#bd-events-single h2.blue-hd {
  background: #eee url(../media/journey-pictos.png) no-repeat scroll 15px -393px;
  border: 1px #ccc solid;
  border-width: 1px 0;
  font-size:25px;
  margin:25px 0 0 0;
  padding:10px 0 10px 80px;
}

/********* the big landscape event promo **********/

#bigpromo{
  float: none;
  /*margin-left: 205px;*/
  /*width: 550px;*/
  margin-left: 0px;
  width: 100%;
  background: #858585 url(../media/event-big-promo-bg.png) no-repeat right top !important;
  height: 124px;
}

#bigpromo img {
  float: left;
  margin: 2px 0 2px 2px;
  height: 120px;
  padding-right: 10px;
}

#bigpromo a.url {
  background: url(../media/event-icons-bw-60.png) no-repeat right -693px;
  padding: 0;
  text-decoration: none;
}

#bigpromo.cinema a.url {
  background-position: right 5px;
}

#bigpromo.foires a.url {
  background-position: right -135px;
}

#bigpromo.soirees a.url {
  background-position: right -275px;
}

#bigpromo.opera a.url {
  background-position: right -410px;
}

#bigpromo.marches a.url {
  background-position: right -553px;
}

#bigpromo.fetes a.url {
  background-position: right -693px;
}

#bigpromo.loisirs a.url {
  background-position: right -825px;
}

#bigpromo.theatre a.url {
  background-position: right -970px;
}

#bigpromo.danse a.url {
  background-position: right -1105px;
}

#bigpromo.concerts a.url {
  background-position: right -1250px;
}

#bigpromo.expositions a.url {
  background-position: right -1380px;
}

#bigpromo.conferences a.url {
  background-position: right -1520px;
}

#bigpromo.sports a.url {
  background-position: right -1655px;
}

#bigpromo.spectacles a.url {
  background-position: right -1799px;
}

#bigpromo .promodesc {
  display: block;
  margin: 0 10px 10px 220px;
  padding-top: 10px;
  letter-spacing: 1px;
}

#bigpromo .category {
  display: block;
  margin: 0 70px 10px 0;
  text-transform: uppercase;
  padding: 0 0 7px 0;
  border-bottom: 1px #f6f6f6 dotted;
}

#bigpromo .summary {
  font-size: 16px;
  text-transform: uppercase;
}

#bigpromo span,
#bigpromo a {
  display: block;
  color: #f6f6f6;
}

#bigpromo abbr {
  color: #f6f6f6;
  font-weight:normal;
}


/************* the small promo in each category ***************/
#promo-cont {
  border-top: 5px #CADA1B solid;
  margin: 0 12px;
  position: relative;
}

img#our-selection {
  position: absolute;
  top: -20px;
  left: 323px;
}

#promo-cont .vevent {
  margin: 0 3px;
  background: none;
  width: 176px;
}

#promo-cont .vevent:first-child  {
  padding-left: 7px;
}

#promo-cont .vevent .bg-inner{
  height: 160px;
}

#promo-cont .vevent .url {
  padding-top: 8px;
}

/** the horizontal version of an event container **/

#promo-cont .vevent.horiz  {
  width: 280px;
  padding-left: 65px;
}

#promo-cont .vevent.horiz:first-child  {
  padding-left: 45px;
}

#promo-cont .vevent.horiz .bg-inner{
  height: 100px;
}

#promo-cont .vevent.horiz img {
  float: left;
  margin: 0 20px 0 3px;
}

#promo-cont .vevent.horiz .url {
  padding-top: 5px;
}

.vevent.horiz + img#our-selection {
  position: absolute;
  top: -20px;
  left: 310px;
}

/************** the country tabs ******************
#event-country-tabs {
  padding: 10px 0 0 6px;
}

#event-country-tabs li{
  width: 140px;
  margin-bottom: 1px;
}*/

/** the title for search **/
h3#search-title {
  color: #00abe0;
  margin: 0px 0 10px 10px;
  font-size: 1.5em;
}

/************** the event listing itself *******************/
#bd-events-list #contents h3.blue.rnd {
  margin: 8px 8px -1px 8px;
}


#listing-cont {
  border: 1px #ccc solid;
  border-bottom: none;
  margin: 0 8px;
  clear: both;
}

/************** the event list filter *******************/
#event-filter {
  background: #ddd url(../media/event-icons-bw-118.png) no-repeat 430px -1376px;
  padding: 10px;
  height: 60px;
  border-bottom: 1px #aaa dotted;
  position: relative;
}

#event-filter.cinema {
  background-position: 430px -10px;
}

#event-filter.foires {
  background-position: 430px -290px;
}

#event-filter.soirees {
  background-position: 420px -555px;
}

#event-filter.opera {
  background-position: 430px -870px;
}

#event-filter.marches {
  background-position: 430px -1110px;
}

#event-filter.fetes {
  background-position: 430px -1376px;
}

#event-filter.loisirs {
  background-position: 430px -1639px;
}

#event-filter.theatre {
  background-position: 430px -1930px;
}

#event-filter.danse {
  background-position: 430px -2180px;
}

#event-filter.concerts {
  background-position: 430px -2490px;
}

#event-filter.expositions {
  background-position: 430px -2730px;
}

#event-filter.conferences {
  background-position: 430px -3000px;
}

#event-filter.sports {
  background-position: 430px -3274px;
}

#event-filter.spectacles {
  background-position: 430px -3545px;
}


#event-filter select {
  margin: 0;
}

#filter {
  width: 450px;
}

#filter h3{
  margin:0;
  padding: 0;
}

#pagelimit {
  position: absolute;
  right: 10px;
  top: 33px;
}

.has-js #pagelimit button{
  display: none;
}

/************** the event listing table *******************/
#event-listing {
  padding: 0;
  margin: 0;
  width: 100%;
  clear: both;
}

#event-listing a.event-win{
  position: absolute;
  right: -2px;
  top: -6px;
}

#event-listing a.event-win img{
  width: 60px;
  height: 60px;
}

#event-listing tr.over,
#event-listing tr.active,
#event-listing tr.vevent:hover {
  background-color: #eee;
}

#event-listing tbody tr:first-child td{
  border-top: none;
}

#event-listing tr.vevent td{
  border: 1px #ccc solid;
  border-width: 1px 0;
  height: 100px;
}

/* the dividers */
tr.vevent .adr,
tr.vevent .offers {
  border-left: 1px #ccc solid;
  margin-top: 5px;
  padding-left: 15px;
  height: 100%;
  position: relative;
}

tr.vevent .title {
  padding-left: 10px;
  position:relative;
}

tr.vevent .adr  {
  text-transform: uppercase;
}

tr.vevent h3.summary  {
  text-transform: uppercase;
  font-size: 14px;
  margin: 10px 0 5px 0;
  color: #00abe0;
}

tr.vevent .locality {
  color: #666;
  font-weight: bold;
}

tr.vevent .category {
  font-weight: bold;
  color: #666;
  margin-bottom: 10px;
}

tr.vevent .fn {
  text-transform: none;
  padding: 10px 0 0 9px;
  background: url(../media/arrows.png) no-repeat -17px -704px;
}

tr.vevent .dtstart {
  padding-top: 10px;
}

/* if no js, the details are displayed directly, so no link necessary */
tr.details .details-close {
  display: none;
}

.has-js tr.details .details-close {
  display: block;
}

/*if the details are opened specifically via a link*/
tr.details.det-open{
  display: table-row;
}

tr.details.det-open div.details-cont{
  display: block;
}


/** if we don't have a picture, use the category picture **/
.vevent img.shim {
  background: url(../media/event-icons-grey.png) no-repeat 18px -620px;
  border:1px solid silver;
  display:block;
  height:87px;
  margin:0pt auto;
  padding:2px;
  width:87px;
}

.cinema img.shim {
  background-position: 18px 15px;
}

.foires img.shim {
  background-position: 15px -113px;
}

.soirees img.shim {
  background-position: 10px -238px;
}

.opera img.shim {
  background-position: 16px -365px;
}

.marches img.shim {
  background-position: 17px -493px;
}

.fetes img.shim {
  background-position: 18px -620px;
}

.loisirs img.shim {
  background-position: 18px -745px;
}

.theatre img.shim {
  background-position: 17px -875px;
}

.danse img.shim {
  background-position: 16px -1000px;
}

.concerts img.shim {
  background-position: 17px -1133px;
}

.expositions img.shim {
  background-position: 17px -1260px;
}

.conferences img.shim {
  background-position: 18px -1385px;
}

.sports img.shim {
  background-position: 17px -1515px;
}

.spectacles img.shim {
  background-position: 15px -1640px;
}

/******* the detail view of an event *******/
.no-js #event-listing tr.details {
  display: table-row;
}

.no-js #event-listing tr.details div.details-cont{
  display: block;
}

#bd-user.no-js  #event-listing .more-info {
  display: none;
}

#event-listing tr.details td{
  border:none;
  border-bottom: 1px #ccc solid;
}

#event-listing tr.details div.details-cont {
  background-color: #f6f6f6;
  position: relative;
  padding: 15px;
}

#event-listing ul.actions {
  margin: 10px 0 5px 0;
}

#event-listing ul.actions img{
  display: inline;
}

#event-listing ul.actions li {
  display: inline;
}

#event-listing ul.actions li:first-child a{
  border: none;
  padding-left: 0px;
}

#event-listing ul.actions a{ 
  padding: 3px 8px 3px 8px;
  border-left: 1px #ccc solid;
}

#event-listing ul.actions img{ 
  width:22px;
  height:23px;
  background:url(../media/event-actions.png) no-repeat 2px 0;
  margin:0 0 -10px 0;
}

#event-listing ul.actions .pic-addfav { 
  background-position: 4px 2px;
}

#event-listing ul.actions .pic-delfav { 
  background-position: 4px -496px;
}

#event-listing ul.actions .pic-more-info{ 
  background-position: 2px -96px;
}

#event-listing ul.actions .pic-ticket{ 
  background-position: 2px -198px;
}

#event-listing ul.actions .pic-tellafriend{ 
  background-position: 2px -296px;
}

#event-listing ul.actions .pic-calendar{ 
  background-position: 2px -697px;
}

#event-listing ul.actions .pic-link{ 
  background-position: 2px -597px;
}

#event-listing div.offers { 
  background:url(../media/event-actions.png) no-repeat right -400px;
}

#event-listing div.offers ul{ 
  position: absolute;
  bottom: 5px;
}

div.event-tarif-info {
  float: left;
  width: 120px;
  margin-right: 20px;
}

div.event-tarif-info div {
  padding-bottom: 10px;
}

#event-listing div.event-desc {
  padding-right: 20px;
}

#bd-events-list .view-all {
  padding-left: 9px;
  background: url(../media/arrows.png) no-repeat -17px -894px;
}

/******************** the popups with viewing or adding event journeys **********************/
#event-journeys {
  width: 620px;
}

#event-journeys .vevent,
#add-journey .vevent {
  border-bottom: 1px silver dotted;
  width: 550px;
  margin: auto;
  padding: 10px 0 20px 5px;
  background: url(../media/event-icons-105-light-grey.png) no-repeat 420px -1375px;
  float: none;
}

#event-journeys .cinema,
#add-journey .cinema {
  background-position: 430px 10px;
}

#event-journeys .foires,
#add-journey .foires {
  background-position: 430px -185px;
}

#event-journeys .soirees,
#add-journey .soirees {
  background-position: 430px -375px;
}

#event-journeys .opera,
#add-journey .opera {
  background-position: 430px -570px;
}

#event-journeys .marches,
#add-journey .marches {
  background-position: 430px -770px;
}

#event-journeys .fetes,
#add-journey .fetes {
  background-position: 430px -950px;
}

#event-journeys .loisirs,
#add-journey .loisirs {
  background-position: 430px -1140px;
}

#event-journeys .theatre,
#add-journey .theatre {
  background-position: 430px -1340px;
}

#event-journeys .danse,
#add-journey .danse {
  background-position: 430px -1530px;
}

#event-journeys .concerts,
#add-journey .concerts {
  background-position: 430px -1730px;
}

#event-journeys .expositions,
#add-journey .expositions {
  background-position: 430px -1920px;
}

#event-journeys .conferences,
#add-journey .conferences {
  background-position: 430px -2110px;
}

#event-journeys .sports,
#add-journey .sports {
  background-position: 430px -2310px;
}

#event-journeys .spectacles, 
#add-journey .spectacles { 
  background-position: 430px -2500px;
}

#event-journeys .vevent {
  width: 580px;
}

#event-journeys #profile-journeys {
  width: 95%;
}

#add-journey .vevent h3,
#event-journeys .vevent h3 {
  margin: 8px 0;
  color: #00abe0;
}

#add-journey .vevent .category,
#event-journeys .vevent .category {
  padding-bottom: 5px;
}

#add-journey .vevent .location,
#event-journeys .location {
  width: 260px;
  position: absolute;
  padding-top: 12px;
  right: 40px;
  bottom: 19px;
}

#add-journey .vevent .location {
  font-weight: bold;
}

/******************* submit an event ******************/
#bd-submit-event label{
  margin-left: 10px;
  text-align: left;
  clear: both;
}

#bd-submit-event em.val-error {
  padding-left: 110px;
}

#bd-submit-event label span{
  display: block;
  width: 120px;
  float: left;
  padding: 0 10px 0 0;
  text-align: right;
}

#bd-submit-event label.cb span{
  width: 510px;  
}

#bd-submit-event label.cb input {
  margin-top: 10px;
}

#bd-submit-event #contents input,
#bd-submit-event #contents select,
#bd-submit-event #contents textarea {
  width: 400px;
}

#bd-submit-event #contents select {
  width: 405px;
}

#req-note {
  text-align: right;
  width: 600px;
  margin : 0 auto;
  font-style: italic;
}

#req-note button {
  margin-top: 10px;
}


/**** changes to the popup for adding journeys ****/
.disabled-input {
  border: none;
  background: none;
}


/**** the captcha ****/

#contents {
  padding-bottom: 10px;
}

#captcha-intro {
  padding-left: 12px;
}

#recaptcha_widget {  
  padding: 10px;
  position: relative;
  margin-bottom: 5px;
}

.no-js #recaptcha_widget {
  display: none;
}

.no-js #recaptcha_container iframe {
  height: 300px;
  width: 360px;
}

.no-js #recaptcha_container textarea {
  height: 50px;
  width: 320px;
  position: relative;
  top: -15px;
  margin-bottom: 5px;
}

#recaptcha_widget div#recaptcha_help {
  position: absolute;
  top: 10px;
  left: 330px;
  width: 250px;
}

#recaptcha_widget p{
  margin: 2px 0 8px 0;
  font-size: 12px;
  color: #444;
  display: inline;
}

#recaptcha_widget p span{
  cursor: pointer;
  text-decoration: underline;
}

a#recaptcha_ref{
  font-size: 9px;
  font-weight: normal;
  position: absolute;
  bottom: 1px;
  right: 2px;
}

#recaptcha_image {
  width: 300px;
  height: 57px;
  border: 1px #eee solid;
  margin-bottom: 10px;
}

#bd-submit-event #contents input#recaptcha_response_field {
  width: 180px;
  height: 20px;
  font-size: 14px;
}