/*

  DO NOT EDIT THIS FILE, your changes are likely to be overwritten. Use another stylesheet for tweaks.

*/

/*@import "le-frog/jquery-ui-1.7.3.custom.css";*/
/*@import "ui-lightness/jquery-ui-1.7.2.custom.css";*/
@import "smoothness/jquery-ui-1.8.2.custom.css";


span.category,
p.categories span { text-transform: uppercase; padding: 0 0.8em; font-size: 90%; }
.cancelled { color: red; font-weight: bold; }
.tbc { font-weight: bold; }
address {
  font-size: 80%;
}
.sessions .thumb img { float: left; padding: 0.2em 0.4em 0.2em 0 }

p.booking span {
  padding-right: 2em;
}

a.current { background: #669999 !important;}
p a.current { background: #ffffff !important; font-weight: bold;}


span.control {
  margin: 0 0 0 1em; 
}   

span.control.right {   
    float: right;   
    text-align: right;
}

p.subscribe { font-size: 75%; text-align: right; float:right; margin: 0;}

p.dateRange { font-style: italic; margin-bottom:0;}
p.venueName {
	color:#669900;
	font-variant:small-caps;
	font-weight:bold;}
div.image { float: right; margin: 0 1em 0 1em; }
p.image-copyright { font-style: italic; text-align: right; }

table.sessions {
  border-collapse: collapse;
  line-height: 1.2em; cell-spacing: 2px;
  border-bottom: 1px solid #bbbbe0;
  margin: 0.4em 0;
}

table.compact {
  border-collapse: separate;
}



table.sessions td {
  vertical-align: top; 
  line-height: 1.15em;
  padding: 0.4em 2px;
  border-top:1px solid #CCCCFF;
}
table.sessions tr.newdate td { border-top:1px solid #BBBBE0; }

table.sessions td.empty { border: none; }

tr.today td { background-color: #f0f0ff;}
tr.past td { background-color: #f8f8f8; color: #606060}


tr.today td.title { border-right: 1px solid #bbbbe0; } 

table.sessions tr.today td.date, 
table.sessions tr.today td.empty { border-left: 1px solid #bbbbe0; } 

table.compact td {
  padding: 0.2em 2px;
}

table.compact tr.today td.date { border: solid #bbbbe0; border-width: 1px 0 1px 1px; } 
table.compact tr.today td.time { border: solid #bbbbe0; border-width: 1px 1px 1px 0; } 
table.compact span.category {float:left;} 

table.compact td.time.first {border-bottom:0 !important;} 
table.compact td.time.last {border-top:0  !important;} 


td.date { font-weight: bold; text-align:right; font-size: 100%; width:12em; padding-right: 1em !important; }
td.time { width: 10em; text-transform: lowercase; }
td.time .tbc, td.time .endDate { text-transform: none; }


td.title p { margin: 0; line-height: 1.3em; }
td.title p.description { margin: 0.2em 0; }
td.title a { font-weight: bold; }

.labelHighlight { color: #a0a0a0; }

.pick-of-the-month h3 { text-transform: uppercase; }

.pick-of-the-month p {
  border-bottom: 3px solid white;
  margin-bottom: 1px;
}

#search-status p, #togglePast { 
  background: #f8f8b0; 
  border: 1px solid #f0f080;
}
#search-status p, #togglePast, #page-navlinks { 
  padding: 2px 4px;
  margin: 0;
}

#page-navlinks {
 overflow: hidden;
 background-color: #f0f0f0; 
}
#page-navlinks p { 
 text-align: center; 
  margin: 0.1em 0;
}
#page-navlinks .nav-first { 
    padding-left: 18px; 
    padding-right: 10px;
    background: url("../images/resultset_first.png") left center no-repeat;
    float: left; 
}
#page-navlinks .nav-previous { 
    padding-left: 18px; 
    padding-right: 10px;
    background: url("../images/resultset_previous.png") left center no-repeat;
    float: left; 
}
#page-navlinks .nav-next {
    padding-right: 18px; 
    padding-left: 10px;
    background: url("../images/resultset_next.png") right center no-repeat;
    float: right;
    text-align: right;
}
#page-navlinks .nav-last {
    padding-right: 18px; 
    padding-left: 10px;
    background: url("../images/resultset_last.png") right center no-repeat;
    float: right;
    text-align: right;
}

#page-navlinks .legend {
 font-weight: bold;  
}
#page-navlinks .legend a {
 font-weight: normal; 
}
#page-navlinks .legend strong,
#page-navlinks .legend a {
  padding: 0 0.5em;
}
#page-navlinks .legend strong {
  color: #808080;
}


#page-navlinks a {
 font-weight: bold;
}


.nav-index a {
    padding-left: 22px; 
    padding-right: 10px;
}


tr td.pick_of_the_month,
tr td.highlight {
  background-color: #ffffe0;
}

tr td.pick_of_the_month .category,
tr td.highlight .category {
   font-weight: bold;
   color: #003399;
   float: right;
   background-color:#FFFFFF;
   border:1px solid #F0F0FF;   
   padding:1px 3px;
}
tr td.pick_of_the_month .category {
   color: #993333;
}


.banner {
  font-family: "Arial", "Helvetica", sans-serif;
  display: block;
  background: #000088;
  color: #ffffff;
  padding: 0.3em 0.8em;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-right: 1em;
}


/* Search box */

#events-search {
   border-width: 1px;
   padding: 4px;
   margin: 0;
}

#events-search p {
   margin: 0.6em;
}

#events-search a {
  padding-left: 0.4em;
}

#events-search .search-terms {
  padding-left: 1em;
}


/* jQuery UI */

div#content-primary .ui-widget a:visited,
div#content-primary a.ui-button { color: inherit; }

.ui-datepicker { font-size: 85%; font-family: "Verdana", "Helvetica", "Arial", sans-serif;}

#tabs { font-size: 80%; }
#tabs a:hover { cursor: pointer; text-decoration: none !important; }

.ui-widget-content { border: 0; }
.ui-tabs-panel { margin-bottom: 0.6em; }

input.ui-button, .ui-button-text-only .ui-button-text {
 padding: 2px 6px;
}

a.ui-button { padding: 0 6px; }
a.ui-button:hover { text-decoration: none !important; }



span.ical a span { 
  padding-left: 24px !important; 
  background-image: url(../images/ical.gif); 
  background-repeat: no-repeat;
  background-position: 6px center; 
}

span.rss a span {
  padding-left: 24px !important;
  background-image: url(../images/rss.gif); 
  background-repeat: no-repeat;
  background-position: 6px center;
}

.inline-block {
  display: inline-block;
  vertical-align: -1.5em;
}