/* ESSENTIALS */
* { font-size:12px; margin: 0; font-family: arial, helvetica, FreeSans, Nimbus Sans L, Garuda, Utkal, sans-serif;  }

a { text-decoration:none; color:#8033b1; font-weight:bold; cursor:pointer }
a:hover { text-decoration:underline }

.module { margin-bottom:20px; }

.light { background:#eeedf0 url('https://i.ticketweb.com/floyd/images/light-bg.jpg'); padding:10px; }
b { font-weight:bold; display:block; }
.tab-content .cal{ background-image:url('https://i.ticketweb.com/floyd/images/common-sprites.png') }
/* CALENDAR LIST TABS STYLES */
/*
*****************************************************
HTML STRUCTURE
calendar-list
|_ tabs
   |_ ul
      |_ li
         |_ a
   |_ pagination
|_ tab-line
*/
.calendar-list { padding:5px; }
.calendar-list .header { padding:0 5px 5px 0;  height:32px; max-height:32px; }
.calendar-list .header b { font-size:28px; color:#121212; font-weight:normal; }

.calendar-list .tabs { width:100%; position:relative; }
.calendar-list .tabs li a, .tab-line  { background-image: url('https://i.ticketweb.com/floyd/images/calendar-list-sprites.png'); background-repeat:no-repeat; }
.calendar-list .tabs ul { margin:0; padding:0; list-style:none; }
.calendar-list .tabs ul { width:100%; overflow:hidden; }
.calendar-list .tabs li { margin-left:8px; white-space:nowrap; float:left; display:inline; text-align:center; }
.calendar-list .tabs li a{
  display:block;
  color:#000;
  font-size:16px;
  font-weight:normal;
  background-position: 0 -4px;
  width:89px;
  height:20px;
  padding-top:3px;
  cursor:pointer;
  outline:none;
}
.calendar-list .tabs li a:hover,
.calendar-list .tabs li a:focus,
.calendar-list .tabs li a:active,
.calendar-list .tabs li a.selected { background-position:0 bottom; text-decoration:none; }
.calendar-list .tabs li a.selected { font-weight:bold; }
.calendar-list .tabs li.first { margin-left:0; }
.calendar-list .tabs .pagination { position:absolute; bottom:4px; right:0; font-size:11px; }
.tab-line {  height:4px; font-size:0; }

/* TAB CONTENT AS A LIST */
/*
*****************************************************
HTML STRUCTURE
tab-content
|_ ul
   |_ li
      |_ cal
      |_ image-col
      |_ event-col (must set a fixed width)
      |_ action-col
*/
.tab-content ul {
  padding:0;
  border-width:0 1px 1px;
  border-color:transparent #a9a8a6 #7c7c7c #a9aaa9;
  border-style:none solid solid;
  list-style:none;
  background-color:#fff; /* To mask the gap on IE Browsers */
  margin:0;
}
.tab-content li {
  background:#fff url('https://i.ticketweb.com/floyd/images/list-item-bg.gif') repeat-x;
  padding:5px 10px 10px;
  overflow:hidden;
}
/* CALENDAR STYLES */

.tab-content .cal {
  border:1px solid #a3a3a4;
  background-repeat: repeat-x;
  float:left;
  display:inline;
  margin-right:10px;
  text-align:center;
  width:48px;
  height:51px;
}
.dash {
  border:0px;
  background-repeat: repeat-x;
  float:left;
  display:inline;
  margin-top:15px;
  width:10px;
  height:5px;
}
.tab-content .cal b { line-height:1em; }
/* NORMAL CALENDAR ICON */
/*
*****************************************************
HTML STRUCTURE
cal
|_ b.day
|_ b.num
|_ b.month
*/
.tab-content .cal b.day { padding-top:2px;color:#fff; font-size:14px; font-weight:normal }
.tab-content .cal b.num { color:#fff; font-size:20px; font-weight:normal }
.tab-content .cal b.month { color:#575657; font-size:11px; }

/* The rest of the elements in the item. .event-col must have a width value to wrap the texts. */
.tab-content li .image-col { float:left; display:inline; width:95px; padding-right:10px; line-height:1.1em }
.tab-content li .event-col { float:left; display:inline;  line-height:1.25em; word-wrap:break-word;  width:500px}
.tab-content li .action-col { float:right; display:inline; white-space:nowrap;}