/* FROM: `module.css` */

div.module {
	width: 648px;
	padding-top: 24px;
	clear: both;
}

/*
.sectionContent table a, .list a
{ color: #f0f0f0; border-bottom: 1px dotted #f07628; font-weight: bold; }
.sectionContent table a:hover, .list a:hover
{ border-bottom: 1px solid #f07628; }
*/

div.sectionContent {
  clear: both;
	background: #333 url(/images/moduleBG.jpg) repeat-x;
  border-bottom: 1px solid #666;
	float: left;
	width: 648px;
}

tr.regional { color: #ccc; }
p.update {	margin: 0; }

/*
p.update a.thumb, p.bulletin a.thumb,
p.update span.summary, p.bulletin span.summary {
  float: left;
  margin: 8px;
}
p.update a.thumb { width: 48px; }
p.update span.summary { width: 576px; margin-left: 0px; }
p.bulletin a.thumb { width: 100px; }
p.bulletin span.summary { width: 524px; margin-left: 0px; }
*/

/* STAGES */

#stageMapThumb {
	float: left;
  clear: none;
	overflow: hidden;
	width: 448px; /* 252px; */
  height: 200px;
  margin: 8px;
  padding: 0px;
}

 #stageMap {
  float: left;
  clear: none;
  width: 448px;
  height: 375px;
  margin: 0px;
  top: 0px;
  left: 0px;
  color: #000;
}

#stageMapList {
  width: 200px;
  float: right;
  margin: 0px;
}

#stageMapList ul, #stageMapList li
{
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
	vertical-align: bottom;
  margin: 0px;
  padding: 0px;
}
#stageMapList li { padding: 1px; padding-left: 12px; }
#stageMapList li.on { border-left: 8px solid #df6111; padding-left: 4px; }
#stageMapList del { color: #aaa; }
a.dl, img.dl, #stageMapList .dl {
  border: none;
  bottom: -1px;
  position: relative;
  margin-left: 8px;
  /* margin-right: 8px; */
}
#stageMapList a.dl { float: right; }

#stageInfo, #stageTimes {
  float: left;
  clear: none;
	width: 370px;
  position: relative;
	left: 0px;
	top: 8px;
	margin-bottom: 8px;
}

#stageTimes, #stageTimes table { width: 370px; }
#stageInfo { width: auto; }
#stageTimes h4 { width: 370px; }
#stageTimes table td { padding:  2px; }

.module #stageTimes, .module #stageTimes table, .module #stageInfo, .module #stageTimes h4 { width: 300px; }
.module #stageMapThumb { width: 324px; height: 204px; }

h4 {
  background-image: url(/images/24_black_33.png);
  height: 24px;
  background-repeat: repeat;
  text-indent: 8px;
  line-height: 24px;
}

#gallery div.photo {
  float: left;
  text-align: center;
  width: 25%;
  margin: 8px 0px;
  padding: 0px;
}
#gallery div.photo a.photo {
  text-align: center;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
}


/* GALLERY */
.gallery.sectionContent {
  margin-top: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
}
.gallery.sectionContent a.photo {
  text-align:center;
  vertical-align:middle;
}
.gallery.sectionContent a.photo img {
  clear: both; vertical-align: middle;
}
.gallery.sectionContent a.photo .caption {
  font-size: 9px; color: #ccc;
}
.gallery.sectionContent dl {
  float: left;
  text-align: center;
  width: 33%;
}
.gallery.sectionContent dt {
  width: 160px;
  border: 1px solid #666;
  background-color: #3f3f3f;
  padding: 4px;
  margin-top: 0px;
  margin-bottom: 12px;
  margin-left: 24px;
  margin-right: 0px;
}

/* VENUE */

#venueMap {
  float: left;
  clear: none;
  width: 282px;
  margin: 8px;
}

/*
#venueDescription {
  float: left;
  clear: none;
  width: 334px;
  margin: 8px;
  margin-left: 0px;
}
*/

#venueDescription ul {
  list-style-type: none;
  list-style-image: none;
}

ul.venuefiles, ul.venuefiles li { list-style-position: inside; }

.venueInfo { margin: 8px; }
.venueInfo p { margin-bottom: 1em; }

div.view-all, a.view-all, div.view-print, a.view-print {
  width: 88px;
  height: 24px;
  display: block;
  clear: none;
  background: url(/images/viewTab.gif) no-repeat;
  background-position: 0px 0px;
  vertical-align: bottom;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

div.view-all, div.view-print { float: right; }

a.view-all span, a.view-print span { position: absolute; left: -9384px; }
div.view-all, a.view-all:hover { background-position: 0px -24px;}
a.view-print { background-position: -88px 0px; }
div.view-print, a.view-print:hover { background-position: -88px -24px;}

table.schedule, table#entrylist { width: 100%;}
table.schedule td, table#entrylist td { padding: 4px; }
table.schedule th, table#entrylist th { padding: 2px; }

table.schedule td.day { padding: 0px; }

table.tablesorter td.time { text-align: right; }

h4, tr.header { background-image: url(/images/event_h4BG.gif); }

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

.shift-up, .shift-dn {
  font-size: 9px;
  background-image: url(/images/icons/shift.gif);
  background-repeat: no-repeat;
  padding-left: 6px;
}
.shift-up { color: #6f6; background-position: top left;}
.shift-dn { color: #f66; background-position: bottom left;}

#eventTitle {
  height: 54px;
  width: 648px;
  background-repeat: no-repeat;
  text-align: right;
}

.eventBrowser {
  margin: 8px;
  clear: none;
  float: right; /*
  left: 500px;
  position: absolute; */
  width: 148px !important;
  z-index: 999;
}

.eventBrowser a.browse, .eventBrowser a.toggle {
  display: block;
  background-image: url(/images/eventBrowser.gif);
  background-repeat: no-repeat;
  font-size: 0pt;
}

.eventBrowser a span { position: absolute; left: 90000px; font-size: 0px;}

.eventBrowser a.browse { height: 36px; width: 36px; }
.eventBrowser a.browse.prev { background-position: 0px 0px; }
.eventBrowser a.browse.next { background-position: -36px 0px; }
.eventBrowser a.browse.prev:hover { background-position: -72px 0px; }
.eventBrowser a.browse.next:hover { background-position: -108px 0px; }
.eventBrowser a.browse.prev:active { background-position: -144px 0px; }
.eventBrowser a.browse.next:active { background-position: -180px 0px; }
.eventBrowser a.browse.prev.off { background-position: -226px 0px; }
.eventBrowser a.browse.next.off { background-position: -262px 0px; }

.eventBrowser a.toggle { height: 18px; width: 76px; }

.eventBrowser a.toggle#national { background-position: -364px 0px; }
.eventBrowser a.toggle#regional { background-position: -364px -18px; }
.eventBrowser a.toggle#regional { cursor: default; }
.eventBrowser a.toggle.on#national { background-position: -288px 0px; }
.eventBrowser a.toggle.on#regional { background-position: -288px -18px; }
.eventBrowser a.toggle#national:hover { background-position: -440px 0px; }
.eventBrowser a.toggle#regional:hover { background-position: -440px -18px; }
.eventBrowser a.toggle#national:active { background-position: -516px -0px; }/*
.eventBrowser a.toggle#regional:active { background-position: -516px -18px; }*/

.eventBrowser .associated {
  display: none;
}

.eventBrowser .associated {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  z-index: 900;
  margin-left: 4px;
  position: absolute;
  background-color: #222;
  border: 1px solid #666;
  border-top: 0px;
  float: left;
  width: 140px;
}

.eventBrowser .associated li a {
  padding: 8px;
  display: block;
  border-bottom: 1px dotted #666;
}
.eventBrowser .associated li a small { color: #ccc; }
.eventBrowser .associated li a:hover { background-color: #333; }

a.errorBubble, a.errorButton, a.allBubble, a.errorLink {
  width: 14px;
  height: 14px;
  display: block;
  clear: both;
  float: right;
  background: url(/images/icons/bubbles.gif) no-repeat;
  background-position: -144px 0px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-bottom: 0px;
  text-decoration: none;
}

a.errorLink { background-position: -112px 0px; }
a.errorLink:hover { background-position: -96px 0px; }
a.allBubble, a.errorLink { margin-right: 2px; }

a.allBubble, a.allBubble:hover { border: 0px; background-position: -160px 0px; }
a.allBubble.on, a.allBubble.on:hover { background-position: -176px 0px; }
a.allBubble:active { background-position: -144px 0px; }

a.errorBubble.bad, a.errorBubble.bad:hover { background-position: -0px 0px; }
a.errorBubble.good, a.errorBubble.good:hover { background-position: -48px 0px; }

#stageScores a.errorBubble {
  display: inline;
  float: none;
  clear: none;
  background: none;
  border-bottom: 1px dotted #c90;
  width: auto;
  height: auto;
  color: #fff;
  font-weight: normal;
  font-family: "Andale Mono",monospace;
}

#stageScores a.errorBubble:hover { color: #c90; }

a.errorButton.bad, a.errorButton.bad:hover { background-position: -16px 0px; }
a.errorButton.good, a.errorButton.good:hover { background-position: -64px 0px; }
a.errorButton.bad.on, a.errorButton.bad.on:hover { background-position: -32px 0px; }
a.errorButton.good.on, a.errorButton.good.on:hover { background-position: -80px 0px; }
a.errorButton.bad:active { background-position: 0px 0px; }
a.errorButton.good:active { background-position: -48px 0px; }

tr.errorRow.on, tr.errorRow.even.on, tr.errorRow.odd.on { display: table-row; }
div.errorBox, th span.all, tr.errorRow.off { display: none; }
div.errorBox.on { display: block; }
th span.all.on { display: inline; }

div.errorBox .error { color: #999; }
tr.errorRow .error { color: #aaa; }

div.errorBox {
  z-index: 900;
  background-color: #222;
  border: 1px solid #666;
  float: left;
  padding: 4px;
  margin-top: 16px;
  margin-left: -175px;
  width: 300px;
  position: absolute;
}

.errorBox hr {
  border: none;
  border-top: 1px solid #666;
  background-color: transparent;
  height: 1px;
}


.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background-color: #333;
    color: #eee;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }


* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}


* html .jqmWindow {
  position: absolute;
  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.modal-bio-picture, .modal-bio-details {
  float: left;
  clear: none;
  margin: 8px;
}

#bioBox h5 { margin-top: 8px; }

.modal-bio-long { clear: both; }
small { color: #ccc; }

/* ================================================================== */

#player { display:block; width:648px; height:364px; overflow:hidden; padding: 0px; cursor: pointer; }
/* #player { background: transparent url(/contents/video/images/default_logo.jpg) no-repeat scroll center center; } */

.player-container { margin: 6px 0px; }
.player-playlist { margin: 4px 0px;  }

.player-playlist .tabs { margin:0 !important; padding:0; height:22px; border-bottom:1px solid #333; border-left:1px solid #333; }
.player-playlist .tabs li { float:left; padding:0; margin:0; list-style-type:none; }
.player-playlist .tabs a { float:left; font-weight:bold; display:block; padding:2px 8px; text-decoration:none; height:18px; position:relative; }
.player-playlist .tabs a:hover { color:#ccc; }
.player-playlist .tabs a.current { background-color:#090909; color:#fff; cursor:default; }
.player-playlist .tabs a { border-right: 1px solid #333; border-top: 1px solid #333; }

.pane { border-left: 1px solid #333; border-bottom: 1px solid #333; position: relative; }
.pane .thumb { float: left;  display: block; clear: none; width: 120px; height: 82px; border: 1px solid #333; background-color: #1f1f1f; padding: 0px; margin: 3px; position: relative; overflow: hidden;}
.pane .thumb.playing { border-color: #ccc; }
.pane .thumb:hover { border-color: #fff; color: #fff; }
.pane { float: left; width: 648px; background-color: #090909; border-right:1px solid #333; }
.pane .thumb img { position: absolute; bottom: 16px; }
.pane .thumb .thumb-title { padding: 0px 4px; position: absolute; bottom: 0px; left: 0px; display: block; background-color: #1f1f1f; /* height: 16px; */ font-size: 9px; line-height: 16px}
.pane .page { display: block; position: relative; }
.pane .cycle { margin: auto; }

.pane .thumb.current { border-color: #ccc; }
.pane .thumb .caption { display: none; }
.pane .thumb .caption.on { display: block; width: 112px; height: 86px; padding: 4px; border: 1px solid #1f1f1f; position: fixed; z-index: 200; font-size: 9px; color: #666;}

.video-browse { cursor: pointer; display: block; float: left; font-size: 14px; height: 20px; width: 20px; text-align: center; line-height: 20px;  position: absolute; top: 20px; }
.video-browse:hover { font-size: 14px; }
#video-prev { left: 8px; }
#video-next { right: 8px; }


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