/**
 * @file
 * Main stylesheet for Date module.
 */

/* Force start/end dates to float using inline-block, where it works, otherwise inline. */
.container-inline-date {
  clear: both;
}
.container-inline-date .form-item {
  float: none;
  margin: 0;
  padding: 0;
}
.container-inline-date > .form-item {
  display: inline-block;
  margin-right: 0.5em; /* LTR */
  margin-bottom: 10px;
  vertical-align: top;
}
.container-inline-date .form-item .form-item {
  float: left; /* LTR */
}
.container-inline-date .form-item,
.container-inline-date .form-item input {
  width: auto;
}
.container-inline-date .description {
  clear: both;
}

.container-inline-date .form-item input,
.container-inline-date .form-item select,
.container-inline-date .form-item option {
  margin-right: 5px; /* LTR */
}

.container-inline-date .date-spacer {
  margin-left: -5px; /* LTR */
}

.views-right-60 .container-inline-date div {
  margin: 0;
  padding: 0;
}

.container-inline-date .date-timezone .form-item {
  clear: both;
  float: none;
  width: auto;
}

/* The exposed Views form doesn't need some of these styles */
.container-inline-date .date-padding {
  padding: 10px;
  float: left;
}
.views-exposed-form .container-inline-date .date-padding {
  padding: 0;
}

/* Fixes for date popup css so it will behave in Drupal */
#calendar_div,
#calendar_div td,
#calendar_div th {
  margin: 0;
  padding: 0;
}
#calendar_div,
.calendar_control,
.calendar_links,
.calendar_header,
.calendar {
  border-collapse: separate;
  margin: 0;
  width: 185px;
}

.calendar td {
  padding: 0;
}

/* formatting for start/end dates in nodes and views */
span.date-display-single {
}
span.date-display-start {
}
span.date-display-end {
}

.date-prefix-inline {
  display: inline-block;
}

.date-clear {
  clear: both;
  display: block;
  float: none;
}

.date-no-float {
  clear: both;
  float: none;
  width: 98%;
}

.date-float {
  clear: none;
  float: left;
  width: auto;
}

/* Add space between date option checkboxes ('All day' & 'Collect End Date') */
.date-float .form-type-checkbox{
  padding-right: 1em;
}

/* Add space between the date and time portions of the date_select widget. */
.form-type-date-select .form-type-select[class$=hour] {
  margin-left: .75em; /* LTR */
}

.date-container .date-format-delete {
  float: left;
  margin-top: 1.8em;
  margin-left: 1.5em;
}
.date-container .date-format-name {
  float: left;
}
.date-container .date-format-type {
  float: left;
  padding-left: 10px;
}

.date-container .select-container {
  clear: left;
  float: left;
}

/* Calendar day css */
div.date-calendar-day {
  background: #F3F3F3;
  border-top: 1px solid #EEE;
  border-left: 1px solid #EEE;
  border-right: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  color: #999;
  float: left;
  line-height: 1;
  margin: 6px 10px 0 0;
  text-align: center;
  width: 40px;
}

div.date-calendar-day span {
  display: block;
  text-align: center;
}
div.date-calendar-day span.month {
  background-color: #B5BEBE;
  color: white;
  font-size: .9em;
  padding: 2px;
  text-transform: uppercase;
}
div.date-calendar-day span.day {
  font-size: 2em;
  font-weight: bold;
}
div.date-calendar-day span.year {
  font-size: .9em;
  padding: 2px;
}

/* Admin styling */
.form-item.form-item-instance-widget-settings-input-format-custom,
.form-item.form-item-field-settings-enddate-required {
  margin-left: 1.3em;
}

#edit-field-settings-granularity .form-type-checkbox {
  margin-right: .6em; /* LTR */
}

.date-year-range-select {
  margin-right: 1em;
}

/* ------------------------- */
/* events - list    by jj    */
/* ------------------------- */


.views-row-events-list
{
  clear: both;
  padding: 14px 8px;
  border-bottom: 1px dotted #b7b7b7;
  overflow: hidden;
}

.views-field-field-event-start-date-2

{
  float: left;
  background: #000;
  text-transform: uppercase;
  color: #FFF;
  margin-right: 14px;
  position: relative;
  width: 33px;
  height: 43px;
  text-align: center;
}

.views-field-field-event-date-1 {

}


.date-1

{
  display: block;
  background: #22a2f4;
  font-size: 1.3em;
  /*left: 2px;*/
  padding: 3px 0px 3px 0px;
  position: absolute;
  /*top: 2px;*/
  width: 70px;
  height:70px; 
  border-radius:70px;
  text-align: center;
  color: #ffffff;
  float:left;
  margin-top:-2px;
  
}

.date-1-home {
margin-top:1px;
margin-left:5px;
display: block;
  background: #22a2f4;
  font-size: 1em;
  padding: 1px 0px 3px 0px;
  position: absolute;
  width: 70px;
  height:70px; 
  border-radius:70px;
  text-align: center;
  color: #ffffff;
  float:left;
  }

.date-1 .date-display-single

{
  position: relative;
  left: 0px;
}


.date-2
 {
  position: absolute;
  /*top: 24px;
  left: 1px;*/
  font-size: 0.986em;
  width: 40px;
  margin-top:33px;
  margin-left: 15px;
  padding:0;
  text-align:center;
  border-top:1px dotted #ffffff;
  color: #ffffff;
  text-transform:uppercase;
}

.date-2-home
 {
  position: absolute;
  font-size: 0.986em;
  width: 40px;
  margin-top:33px;
  margin-left: 15px;
  padding:0;
  text-align:center;
  border-top:1px dotted #ffffff;
  color: #ffffff;
  text-transform:uppercase;
}

.views-field-title-events
 {
  font-size: 18px;
  margin-left: 100px;
  /*font-weight: bold;*/
  display:block;
}

.views-field-title-events-home
 {
  font-size: 18px;
  margin-left: 90px;
  display:block;
  padding-right: 7px;
}

.views-field-field-event-date-2
{
margin-left:100px;
float: left;
  padding-right: 7px; 
  margin-right: 7px;
  margin-bottom:16px;
}

.field-name-field-event-date
{
margin-bottom:20px;
float:left;
padding-right: 7px;
  border-right: 1px dotted #b7b7b7;
  margin-right: 7px;
  }

/* field-type-datetime field-label-hidden
field-type-list-text field-label-hidden */

.field-name-field-location 
{
border-left: 1px dotted #b7b7b7;
padding-left:7px;
margin-bottom:20px;
}