/* ---- global ---- */

* { padding: 0; margin: 0; outline: none; }

body {
	background: #000 url('images/rq_bg.jpg') repeat-x top center;
	color: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", "Lucida Grande", sans-serif;
	font-size: 12px;
}

img { border: 0; outline: none; }

ul li { list-style-type: disc; list-style-position: inside; }

/* ---- global: hyperlinks ---- */

a, a:link, a:active, a:visited { outline: none;	color: #fff; text-decoration: none; }
a:hover { color: #999; text-decoration: none; }

/* ---- global: other (classes) ---- */

.clear { clear: both; }

.i { border: 1px solid #111; }
.i .constraint { padding: 10px 0 0 10px; }
.i ul { display: block; float: left; margin-right: 4px; padding-bottom: 5px; width: 146px; }
.i ul li { margin-bottom: 3px; padding: 2px; list-style-position: outside; list-style: none; }
.i ul h1 { background: #666; font-size: 10px; display: block; border: 1px solid #484848; margin-bottom: 5px; color: #fff; text-transform: uppercase; }
.i ul h1 span { display: block; padding: 2px 0 2px 5px; }
.i ul li:hover { background: #900000; }
.i ul li a:hover { color: #fff; }
.i ul li a .day { font-size: 14px; padding-right: 4px; font-weight: bold; }

.line-alt { background: url('images/rq_line_alt.gif') repeat-x; width: 100%; height: 2px; margin: 5px 0; }
.line-tix { background: url('images/rq_line_tix.gif') repeat-x; width: 100%; height: 2px; margin: 5px 0; }

.bold { font-weight: bold; }

/* ---- global: button close menu ---- */

.menuClose { background: url('images/rq_nav_close.gif') no-repeat; position: relative; left: 885px; bottom: 30px; width: 30px; height: 30px; cursor: pointer; }
.menuClose:hover { background-position: 0 -30px; }

/* ---- global: inline styling ---- */

.float-left { float: left; margin-right: 5px; }
.bold-white { font-weight: bold; color: #fff; }
.small-print { font-size: 9px; }

/* ---- global: main architecture ---- */

#mainContainer { width: 920px; left: 50%; margin-left: -460px; position: absolute; }

#constraint { width: 920px; }

#top { height: 100px; padding-top: 10px; }

#leaderboard { width: 728px; height: 90px; background: #000; margin-left: 106px; }

/* ---- global: navigation ---- */

#navigation { width: 505px; margin: 40px 0 0 0; }

#navContainer { height: 80px; }
#navContainer div .nav { display: inline-block;	cursor: pointer; float: right; }
#navContainer div .nav:hover { background-position:0 -40px; }

.nav_home { background: url('images/navigation/home.gif') no-repeat; }
.nav_events { background: url('images/navigation/eventcalendar.gif') no-repeat; }
.nav_menu { background: url('images/navigation/sitemenu.gif') no-repeat; }
.tab .stretcher { display: none; position: absolute; z-index: 35; left: 0; width: 920px; }
/* .nav_menu .stretcher { z-index: 5; } */
.nav_tb { background: url('images/navigation/trailblazers.gif') no-repeat; }
.nav_wh { background: url('images/navigation/winterhawks.gif') no-repeat; }
.nav_comcast { background: url('images/navigation/comcast.gif') no-repeat; }

div .nav.shift, div .tab.shift { background-position: 0 -40px; }

#logo { width: 415px; height: 75px; padding-top: 5px; }
#navContainer #logo, #navigation { float: left; }

#siteMenu {	background: #2b2b2b url('images/rq_nav_bg.gif') repeat-x; width: 920px; }

#overlay { background: #000; width: 920px; display: none; position: absolute; z-index: 34; top: 191px; filter:alpha(opacity=50);	-khtml-opacity: 0.5; opacity: 0.5; }

/* ---- global: events ---- */

#eventsContainer { background: #2b2b2b url('images/rq_nav_bg.gif') repeat-x; width: 920px; overflow: hidden; }

#eventHeader { background: #222; border: 1px solid #363636; padding: 5px; margin: 10px 10px 0; }
#eventHeader span { font-size: 10px; }
#eventHeader h2 { font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", "Lucida Grande", Arial, sans-serif; color: #fff; font-size: 16px; font-weight: bold; }

#eventHeader .sort { padding: 1px 4px; color: #fff; cursor: pointer; }
#eventHeader .sort:hover { color: #ccc; }

#eventHeader #event-browser { margin-left: 10px; }
#eventHeader #event-browser .pager-button { font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 0 5px; padding: 1px 4px; }
#eventHeader #event-browser .pager-button:hover { background: #a00000; color: #fff; }
#eventHeader .selected { background: #666; }
#eventHeader #btn-prev, #eventHeader #btn-next { margin: 1px 4px; text-indent: -9999px; display: inline-block; vertical-align: top; }
#eventHeader #btn-prev:hover, #eventHeader #btn-next:hover { background-position: 0 -16px; }
#eventHeader #btn-prev { background: url('images/rq_btn_prev.gif') no-repeat; width: 20px; height: 16px; }
#eventHeader #btn-next { background: url('images/rq_btn_next.gif') no-repeat; width: 20px; height: 16px; }

#eventCalendar { width: auto; padding: 0; }

#options { background: #444 url('images/rq_options_bg.gif') repeat-x; height: 20px; padding: 7px 0 0 10px; border: #111 solid 1px; border-top: none; }
#tooltip { width: 250px; height: 35px; position: absolute; bottom: 48px; left: 15px; z-index: 65; }
#tooltip span { display: none; }
#options #slider { width: 865px; bottom: 0; }
#options .menuClose { bottom: 56px; }

/* ---- global: footer ---- */

#footer { background: #000 url('images/rq_footer.gif') no-repeat top; height: 79px; margin-bottom: 15px; }
#footer #footer-logo { float: left; width: 165px; text-align: center; }
#footer #footer-nav { float: left; width: 735px; padding: 30px 10px; }
#footer #footer-nav ul li { float: left; margin-left: 8px; font-size: 10px; font-weight: bold; text-transform: uppercase; }
#footer #footer-nav ul li.first { list-style: none; }
#footer #footer-nav p { margin: 5px 0 0 8px; font-size: 11px; }

/* ---- SCROLL BAR ---- */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #333;
}

.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDrag span {
	border: 1px solid #333;
	display: block;
	width: 11px;
	height: 100%;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: #333 url('images/scroller_arrow_up.gif') repeat-x 0 0;
	height: 10px;
}


#eventsContainer a.jScrollArrowUp {
	background: #333 url('images/scroller_arrow_up_alt.gif') repeat-x 0 0;
	height: 15px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: #333 url('images/scroller_arrow_down.gif') repeat-x 0 0;
	height: 10px;
}


#eventsContainer a.jScrollArrowDown {
	background: #333 url('images/scroller_arrow_down_alt.gif') repeat-x 0 0;
	height: 15px;
}

/* ---- HOME PAGES ---- */

.home .nav_featured { background: url('images/navigation/featuredevents.gif') no-repeat; }

/* ---- home: contest ---- */

.home .contest { float: left; width: 290px; margin-right: 15px; }
.home .contest.last { margin-right: 0; }

/* ---- home: boxes ---- */

.home .boxinfo p { width: 270px; margin: 0 10px 0 10px; padding: 3px 0 0 0; color: #ccc; }
.home .alternate p { width: 270px; margin: 0 10px 0 10px; padding-top: 3px; color: #ccc; }

.home .boxinfo .pre-sales { background: url('images/rq_presales_header.gif') no-repeat; }
.home .boxinfo .cyber-club { background: url('images/rq_cyberclub_header.gif') no-repeat; }
.home .alternate .group-sales { background: url('images/rq_groupsales_header.gif') no-repeat; }

.home .header { width: 290px; display: block; }
.home .header:hover { background-position: 0 -33px; }

.home .alternate .header:hover { background-position: 0 -30px; }

/* ---- home: twitter ---- */

.home .twitter-item { color: #eee; font-size: 11px; margin-bottom: 5px; }
.home .twitter-item a { font-weight: bold; color: #fff; }
.home .twitter-item a:hover { color: #ccc; }

/* ---- home: navigation ---- */

/* ---- home: events area ---- */

/* .home #menuClose { background: url('images/rq_nav_close.gif') no-repeat; position: absolute; z-index: 34; left: 890px; top: 85px; cursor: pointer; } */
.home #ftEventsContainer { background: transparent url('images/rq_eventContent_bg.gif') no-repeat; height: 400px; }

/* ---- home: content ---- */

.home #content { float: left; background: #222 url('images/rq_content_bg.jpg') no-repeat; width: 920px; height: 310px; padding-top: 10px; }
.home #topContent { margin-bottom: 10px; margin-left: 10px; }
.home #leftContent, #middleContent { width: 290px; float: left; }
.home #middleContent { margin-left: 10px; }
.home #updates { background: transparent url('images/rq_news.jpg') no-repeat; height: 170px; margin-bottom: 10px; padding: 0 10px 0 10px; }

.home #newsContent { height: 105px; overflow-x: none; overflow-y: auto; padding-right: 5px; }
.home #topNews { height: 25px; padding-top: 30px; font-size: 10px; color: #ccc; }
.home #topNews span { margin-left: 5px; }
.home #topNews span img { vertical-align: middle; }

.home #groupsales { background: transparent url('images/rq_groupsales.jpg') no-repeat; height: 70px; }
.home #presales { background: transparent url('images/rq_presales.jpg') no-repeat; height: 80px; margin-bottom: 10px; }

.home #cyberclub { background: transparent url('images/rq_cyberclub.jpg') no-repeat; height: 80px; margin-bottom: 10px; }

.home #rectangle { background: #000; width: 300px; height: 250px; margin-left: 10px; float: left; }

.home #contests { margin: 0 0 0 10px; }

.home #shadowLeft, #shadowRight { float: left; width: 10px; height: 332px;}

/* ---- EVENT PAGES ---- */

.event .skyscraper { background: #000; width: 160px; height: 600px; float: left; margin-left: 10px; }
.event .line { background: url('images/rq_line.gif') repeat-x; width: 100%; height: 2px; margin: 5px 0 5px 0; }
.event #affiliate-links { background: url('images/rq_affiliates_header.gif') no-repeat; width: 220px; float: left; padding-top: 25px; }
.event #affiliate-links a { display: block; font-size: 11px; color: #ccc; font-weight: bold; margin-bottom: 5px; }
.event #affiliate-links a:hover { color: #fff; }

/* ---- event: calendar ---- */

/* #eventCalendar .menuClose { background: url('images/rq_nav_close.gif') no-repeat; position: absolute; z-index: 34; left: 800px; top: 85px; cursor: pointer;} */
#eventCalendar .menuClose:hover { background-position: 0 -30px; }

/* ---- event: content ---- */

.event .boxinfo p { width: 210px; margin: 0 10px 0 10px; padding: 3px 0 0 0; color: #ccc; }

.event .alert { /* 	display: none; */ font-size: 11px; color: #ccc; margin-bottom: 3px; }
.event .alert img { vertical-align: top; margin-right: 5px; }

/* ---- event: tickets ---- */

.event #ticketInfo { background: url('images/rq_ticketinfo_bg.gif') repeat-y; width: 250px; margin-bottom: 10px; }
.event #ticketInfo #ticketCore { background: url('images/rq_ticketinfo_core_bg.jpg') no-repeat; padding: 38px 10px 5px 10px; }
.event #ticketInfo #ticketCore h3 { margin-bottom: 5px; }

.event #ticketInfo #viewCalendar .calendar { background: url('images/rq_viewcalendar.gif') no-repeat; width: 250px; height: 29px; display: block; }
.event #ticketInfo #viewCalendar .calendar:hover { background-position: 0 -29px; }

.event .ticket { margin-bottom: 5px; font-size: 11px; height: 23px; }
.event .ticket-date { display: inline-block; font-weight: bold; width: 104px; vertical-align: middle; }
.event .ticket-vip { display: inline-block; font-weight: bold; width: 150px; vertical-align: middle; }
.event .ticket-time { display: inline-block; width: 40px; vertical-align: middle; }
.event .ticket .last { display: inline-block; text-align: right; width: 79px; height: 23px; vertical-align: middle; }
.event .ticket .last img { vertical-align: bottom; }
.event .ticket .ticket-link a { display: block; background: url('images/rq_buy_tix.gif') no-repeat; }
.event .ticket .soldOut a { display: block; background: url('images/rq_soldout.gif') no-repeat; }
.event .ticket .notYetOnSale { display: inline-block; background: url('images/rq_notonsale.gif') no-repeat; }
.event .ticket .presale a { display: inline-block; background: url('images/rq_presale.gif') no-repeat; }

.event .ticket .ticket-link a:hover, .event .ticket .presale a:hover { background-position: 0 -23px; }

/* ---- event: content ---- */

.event #content { float: left; background: #222 url('images/rq_event_content_bg.jpg') no-repeat; width: 920px; height: 100%; min-height: 450px; padding-top: 10px; }
.event #contentLeft { float: left; width: 460px; padding-left: 15px; }
.event #contentMiddle { width: 250px; float: left; margin-left: 15px; }

.event #copy a { color: #cc2222; font-weight: bold; }
.event #copy a:hover { color: #aaa; }

/* ---- event: event info ---- */

.event #eventPicture { background: #444; width: 250px; height: 219px; margin-bottom: 10px; }
.event #eventPicture img { width: 248px; height: 219px; border: 1px solid #000; }

.event #eventInfo { background: url('images/rq_eventinfo_bg.gif') repeat-y; width: 250px; margin-bottom: 10px; }
.event #eventInfo #eventCore { background: url('images/rq_eventinfo_core_bg.jpg') top no-repeat; }
.event #eventInfo #eventCore ul { margin: 35px 0 0 10px; }
.event #eventInfo #eventCore ul li { font-size: 11px; list-style: none; list-style-position: outside; padding-bottom: 3px; }
.event #eventInfo #eventCore ul li strong { color: #ccc; }
.event #eventInfo #eventCore .add-widget { top: 8px; margin-bottom: -15px; position: relative; left: 120px; width: 120px; }
.event #eventInfo #eventCore ul li .group { padding-left: 21px; height: 16px; background: url('images/rq_group_icon.gif') no-repeat; }

.event #eventInfo #seatingMap .seating-map { background: url('images/rq_viewseating.gif') no-repeat; width: 250px; height: 29px; display: block; }
.event #eventInfo #seatingMap .seating-map:hover { background-position: 0 -29px; }

.event #similarevents { background: transparent url(images/rq_similarevents.gif) no-repeat; padding-top: 25px; }
.event #similarevents ul li { list-style: none; list-style-position: inside; margin-bottom: 5px; }
.event #similarevents ul li img { vertical-align: middle; float: left; border: 1px solid #000; width: 55px; height: 48px; margin-right: 10px; }
.event #similarevents ul li h1 { font-size: 13px; font-weight: bold; }
.event #similarevents ul li a { font-size: 11px; font-weight: normal; }

.event #copy h1 { font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", "Lucida Grande", Arial, sans-serif; color: #fff; font-size: 18px; font-weight: bold; }
.event #copy h3 { font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", "Lucida Grande", Arial, sans-serif; color: #ddd; font-size: 11px; margin-bottom: 3px; }

.event #contentContainer { height: 100%; }


/* ---- event: meta ---- */

.event #social { background: url('images/rq_follow_alt.jpg') no-repeat; width: 282px; height: 47px; float: none; margin: 10px 0 10px 0; padding-left: 178px; }
.event #cyberclub { background: url('images/rq_cyberclub_alt.gif') no-repeat; width: 230px; float: left; margin-right: 10px; height: 91px; margin-bottom: 10px; }
.event #affiliates { background: url('images/rq_affiliates_bg.jpg') no-repeat; width: 220px; height: 91px; float: left; }

.event .boxinfo .cyber-club { width: 230px; background: url('images/rq_cyberclub_header_alt.gif') no-repeat; }

.event .header { width: 230px; display: block; }
.event .header:hover { background-position: 0 -34px; }

/* ---- SECONDARY PAGES ---- */

.secondary .skyscraper { background: #000; width: 160px; height: 600px; float: left; margin-left: 10px; }
.secondary .line { background: url('images/rq_line.gif') repeat-x; width: 100%; height: 2px; margin: 5px 0 5px 0; }

/* ---- secondary: calendar ---- */



/* ---- secondary: content ---- */

.secondary #content { float: left; background: #222 url('images/rq_event_content_bg.jpg') no-repeat; width: 920px; height: 100%; min-height: 450px; padding-top: 10px; }
.secondary #contentLeft { float: left; width: 720px; margin-left: 15px; }

.secondary #content a { color: #cc2222; font-weight: bold; }
.secondary #content a:hover { color: #aaa; }
.secondary #content ul li { margin-left: 15px; }
.secondary #content .top { margin-left: 5px; font-size: 10px; color: #aaa; text-transform: uppercase; }
.secondary #content .top:hover { color: #fff; }
.secondary #content .header { font-size: 20px; color: #fff; }
.secondary #content .header:hover { color: #fff; }

/* ---- secondary: calendar ---- */

.secondary .calendar .calendar-cell { background: #111; width: 90px; padding: 5px; vertical-align: top; height: 100px; }
.secondary .calendar .month { height: 25px; padding-top: 5px; font-weight: bold; text-align: center; }
.secondary .calendar .arrow-right { text-align: right; }
.secondary .calendar .calendar-day { background: #000; text-align: center; font-weight: bold; padding: 5px; }
.secondary .calendar .dom { width: 100%; text-align: right; }
.secondary .calendar-list .event-row td { background: #111; padding: 5px; }
.secondary .calendar-list .event-row .day { width: 50px; font-size: 11px; font-weight: bold; }
.secondary .calendar-list .event-row .date { width: 100px; font-size: 11px; font-weight: bold; }
.secondary .calendar-list .event-row .time { width: 75px; font-size: 11px; font-weight: bold; }
.secondary .calendar-list .event-row .title { width: 350px; }
.secondary .calendar-list .event-row .info { width: 100px; font-size: 11px; text-align: right; }

.secondary .calendar .calendarArrows { display: block; text-indent: -9999px; width: 66px; height: 19px; text-align: left;  }
.secondary .calendar .calendarArrows.previous { background: url('images/rq_cal_prev.gif') no-repeat; }
.secondary .calendar .calendarArrows.next { background: url('images/rq_cal_next.gif') no-repeat; margin-left: 34px; }
.secondary .calendar .calendarArrows:hover { background-position: 0 -19px; }

/* ---- secondary: group events ---- */

.group-events #events { margin: 10px 0 10px 0; }
.group-events .event { margin: 10px 0 10px 0; }
.secondary #content .group-events .event a { color: #fff; }
.group-events .event h3 { font-size: 18px; margin-bottom: 8px; }
.group-events .event .column { float: left; width: 532px; }
.group-events .event .column.left { width: 170px; margin-right: 18px; }
.group-events .event .column.left img { margin-bottom: 8px; width: 170px; height: 68px; border: 3px solid #444; }


/* ---- secondary: columns ---- */

.columns .column { width: 452px; float: left; }
.columns .column.left { width: 250px; margin-right: 18px; }
.columns .column.left img { margin-bottom: 8px; border: 4px solid #444; width: 250px; height: 158px; }

/* ---- secondary: forms ---- */

.form .inputs span { display: block; float: left; width: 150px; margin-bottom: 5px; }
.form .inputs input, .form .inputs textarea, .form .inputs select { margin-bottom: 5px; }

/* ---- secondary: phone numbers ---- */

.columns.phone ul, .columns.phone li { list-style: none; margin: 0; }
.secondary #content .columns.phone .column ul li, .secondary #content .columns.phone .column { margin: 0 0 7px 0; }
.columns.phone .column { float: left; width: 150px; }
.columns.phone .column.left { width: 300px; }

/* ---- secondaryticket outlets ---- */

.columns.outlets ul, .columns.columns.outlets li { list-style: none; margin: 0; }
.secondary #content .columns.columns.outlets .column ul li, .secondary #content .columns.columns.outlets .column { margin: 0 0 7px 0; }
.columns.columns.outlets .column { float: left; width: 250px; }
.columns.columns.outlets .column.left { width: 230px; }
.columns.columns.outlets .column.last { width: 120px; }

/* ---- secondary: maps ---- */

.secondary #content .maps ul li { margin-left: 0; }


.secondary #content a.custom { padding: 3px; background: #c00; color: #fff; margin-left: 3px; margin-top: 3px; display: inline-block; border: 1px solid #900; font-size: 10px; text-transform: uppercase; }
.secondary #content a.custom:hover { background: #000; color: #c00; }

ul.grid li { list-style: none outside none; }
ul.grid li > span, ul.grid em > span { display: block; float: left; width: 180px; margin-bottom: 7px; }
ul.grid li > span.date, ul.grid em > span.date { width: 90px; }