@CHARSET "UTF-8";


/* Misc
-------------------------------------------------------*/
body {
	width: 100%;
	font-size: 11px;
	font-family: Verdana, Arial;
	color: white;
	background: black;
}
.clr, .clear {
	clear: both;
}
hr {
	height: 1px;
	margin: 0;
	padding: 0;
	background: #ccc;
	border: 0;
	color: #ccc;
}
br {
	clear: both;
	_clear: all;
}
a {
	color: white;
	text-decoration: none;
}
a:hover {
	color: #00adef;
}
div.edit-text-page {
	float: right;
	padding: 15px;
	font-size: 14px;
	line-height: 26px;
	background-color: grey;
}
div.edit-text-page a {
	color: #BCBDC1;
	font-weight: bold;
	text-decoration: none;
}
div.edit-text-page a:hover {
	color: #00ADEF;
}
p.no-data {
	padding: 20px 0;
	text-align: center;
	color: #aaa;
	border: none !important;
}
p {
	padding-top: 13px;
	font-family: Verdana, Arial;
	color: #9c9c9c;
	font-size: 13px;
	line-height: 16px;
}
p.first {
	padding-top: 0;
}
sup {
	vertical-align: top;
	font-size: 11px;
}
a.update-profile {
	display: block;
	float: left;
	width: 68px;
	height: 35px;
	background: transparent url('/img/user/update.jpg') no-repeat scroll left top;
	border: 1px solid #BCBDC1;
}
a.update-profile:hover { background-position: -68px 0px; }

/* Fatal-error-box
-------------------------------------------------------*/
div#fatal-error-box {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;

	display: block;
	width: 100%;
	background: transparent url('/img/ajax-loader-bg.gif') repeat;
}
div#fatal-error-box-msg {
	height: 400px;
	overflow: auto;
	margin: 10% 15%;
	padding: 30px;
	background: #fff;
	border: 1px solid #656565;

	text-align: left;
}
div#fatal-error-box-msg h1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}
div#fatal-error-box-msg h3 {
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
}
div#fatal-error-box-msg p {
	font-size: 12px;
	font-weight: normal;
}



/* =Td formatting
----------------------------------------------- */
td.r { text-align: right !important; }
td.c { text-align: center !important; }
td.l { text-align: left !important; }
td.j { text-align: justify !important; }
td.t { vertical-align: top !important; }
td.m { vertical-align: middle !important; }
td.b { vertical-align: bottom !important; }
td.wrap { white-space: normal !important; }
td.compact { width: 1% !important; }



/* Header
-------------------------------------------------------*/



/* Footer
-------------------------------------------------------*/



/* Body
-------------------------------------------------------*/

div#top {
	padding: 15px 15px;
}

table#top-table {
	/*width: 100%;*/
}

table#top-table td#navigation-td {
	vertical-align: top;
	width: 198px;
	font-family: Verdana, Arial;
}
table#top-table td#content-td {
	vertical-align: top;
}

/* Navigation
-------------------------------------------------------*/

div#navigation {
	padding: 0 18px;

	background: transparent url('/img/body/divider_line.png') repeat-y left top;
}

div#navigation div#logo, div#navigation object#logo {
	margin-bottom: 65px;
}

div#navigation div#menu {
	margin-bottom: 65px;
}

div#navigation div#menu a.menu-item {
	text-decoration: none;
	text-transform: uppercase;
	color: #bcbdc1;
}

div#navigation div#menu a.menu-item:hover {
	color: #00adef;
}

div#navigation div#contacts {
	margin-bottom: 65px;
	color: #bcbdc1;
}

div#navigation form#subscribe input {
	border: white solid 1px;
	background: black;
	margin-top: 4px;
	color: white;
	font-size: 11px;
	width: 100px;
	float: left;
}

div#navigation form#subscribe a#join {
	display: block;
	width: 37px;
	height: 19px;
	background: transparent url('/img/body/subscribe_join_button.png') no-repeat;
	float: left;
	margin-top: 4px;
}

div#navigation form#subscribe a#join:hover {
	background-position: -37px;
}

div#navigation div#player, div#navigation object#player {
	margin: 20px 0 65px 0;
}

div#navigation div.sponsor-logo {
	margin-top: 25px;
}

div#navigation div.sponsor-logo a {
	text-decoration: none;
}


/* Event line
-------------------------------------------------------*/

div#event-line {
	position: relative;
	clear: both;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
	$width: expression(Math.floor((document.getElementById('line').offsetWidth - 196)/316)*316);
	/*width: expression(screen.availWidth - 196);*/
	padding-bottom: 25px;
	/*background: transparent url('/img/body/divider_line.png') repeat-y right top;*/

	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #00B0EE;
}

div#event-line table {
	width: 1%;
}

div#event-line table td {
	background: transparent url('/img/body/divider_line.png') repeat-y left top;
	width: 1%;
	vertical-align: top;
}

div#event-line table td.no-line {
	background: transparent;
}

div.playbill-big {
	width: 280px;
	padding: 0 18px;
	/*margin: 0 auto;*/
}

div.playbill-big a.weekday, span.weekday {
	display: block;
	width: 262px;
	height: 34px;
	background: transparent url('/img/body/weekday/tue.jpg') no-repeat;
}

div.playbill-big a.weekday:hover {
	background-position: -262px;
}

div.playbill-big div.event-date {
	margin: 10px 0;
}

div.playbill-big div.artist-avatar-big {
	position: relative;
	$min-height: 0;
	_height: 1px;
}

div.playbill-big div.artist-avatar-big a.play-button {
	position: absolute;
	left: 0;
	bottom: 10px;

	display: block;
	width: 42px;
	height: 14px;
	background: transparent url('/img/body/play_button.png');
}

div.playbill-big div.artist-avatar-big a.play-button:hover {
	background-position: -42px 0;
}

div.playbill-big div.artist-avatar-big a.tickets-button {
	position: absolute;
	right: 66px;
	bottom: 10px;

	display: block;
	width: 56px;
	height: 14px;
	background: transparent url('/img/body/tickets_button.png');
}

div.playbill-big div.artist-avatar-big a.tickets-button:hover {
	background-position: -56px 0;
}

div.playbill-big div.artist-avatar-big a.guestlist-button {
	position: absolute;
	right: 0;
	bottom: 10px;

	display: block;
	width: 56px;
	height: 14px;
	background: transparent url('/img/body/guestlist_button.png');
}

div.playbill-big div.artist-avatar-big a.guestlist-button:hover {
	background-position: -56px 0;
}

div.playbill-big h2 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

div.playbill-big div.tag-line, div.playbill-big div.support-artist {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 12px;
	margin: 4px 0;
}

div.playbill-big div.doors-open, div.playbill-big div.tickets {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 11px;
	margin: 4px 0;
}

div.playbill-big div.more-info, span.sponsored-by {
	font-size: 9px;
	line-height: 10px;
	margin: 4px 0;
}

div.playbill-big div.genre {
	margin: 12px 0;
	font-size: 10px;
	text-transform: uppercase;
	color: #00b0ee;
}

div.plus-minus {
	float: left;
	margin-top: 10px;
	background: transparent url('/img/body/plus_minus/middle.png') no-repeat 27px center;
}

div.plus-minus a.minus-button {
	float: left;
	display: block;
	width: 27px;
	height: 25px;

	background: transparent url('/img/body/plus_minus/minus.png');
}

div.plus-minus a.minus-button:hover {
	background-position: -28px;
}

div.plus-minus a.plus-button {
	float: left;
	display: block;
	width: 27px;
	height: 25px;
	margin-left: 3px;

	background: transparent url('/img/body/plus_minus/plus.png');
}

div.plus-minus a.plus-button:hover {
	background-position: -27px;
}


/* Content
-------------------------------------------------------*/

div#content2 {
	padding: 0 18px;
	background: transparent url('/img/body/divider_line.png') repeat-y left top;
}


/* AJAX loader
-------------------------------------------------------*/

div#loader {
	position: absolute;

	/*border: red 1px solid;*/
	background: transparent url('/img/ajax-loader-bg.gif') repeat;

	z-index: 10px;
	display: none;
}

div#loader div#loader-foreground {
	background: transparent url('/img/ajax-loader.gif') no-repeat center center;
}


/* Event profile
-------------------------------------------------------*/

div.event-profile {
	padding: 0 18px 18px 0;
	width: 440px;
}

div.event-profile h1 {
	padding-left: 18px;
	font-size: 14px;
	font-weight: bold;
}


div.event-profile div.html-code{
	height:316px;
}

div.event-profile div.info {
	padding: 10px 0  0 18px;
	font-size: 11px;
	line-height: 12px;
}

div.info div.description{
}

div.info a {
	display: block;
}

div.info a.myspace {
	padding-top: 15px;
}

div.info a.additional-link {
	padding-top: 5px;
}


/* Event list
-------------------------------------------------------*/
div#event-list-container {
	clear: both;
	width: 580px;
}
ul.event-list {
	float: left;
	width: 180px;
	padding: 36px 0;
}

ul.event-list li {
	float: left;
	display: block;
	width: 180px;
	height: 50px;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	padding-right: 10px;
}

ul.event-list li a.day {
	color: #00afee;
	text-decoration: none;
}

ul.event-list li a.name {
	color: #fef400;
	text-decoration: none;
}

ul.event-list li a.day:hover, ul#event-list li a.name:hover {
	text-decoration: underline;
}

/* expired events */
ul.event-list li.event-expired a.day {
	color: #6d6d6d;
}

ul.event-list li.event-expired a.name {
	color: #868686;
}

div#nav-container {
	clear: both;
}
a#nav-arrow-left, a#nav-arrow-right {
	display: block;
	width: 61px;
	height: 110px;

}
a#nav-arrow-left:hover, a#nav-arrow-right:hover { background-position: -61px; }
a#nav-arrow-left { float: left; background: transparent url('/img/event/arrow_left.jpg') no-repeat; }
a#nav-arrow-right { float: right; background: transparent url('/img/event/arrow_right.jpg') no-repeat; }


/* Contact us
-------------------------------------------------------*/

div.form-grid div#contact-error-message {
	margin-bottom: 20px;
}

div.form-grid div#contact-error-message p{
	/*padding: 0 0 5px 0;*/
	padding: 0;
}

div.form-grid div#contact-error-message p.msg-error{
	color: #ec0090;
	font-size: 11px;
}

div.form-grid div#contact-error-message p.msg-warning{
	color: #fdf001;
	font-size: 11px;
}

div.form-grid div#contact-error-message p.msg-message{
	color: #4dc8e7;
	font-size: 11px;
}

div.form-grid a#submit {
	/*margin-left:280px;
	float: right;*/
	display: block;
	height: 24px;
	width: 54px;
	background: transparent url("/img/contactus/submit.png");
	border:1px solid #BCBDC1;
}

div.form-grid a#submit:hover{
	background-position: -54px 0;
}

div.form-grid img#comment-wait-image {
	display: none;
	/*margin-left: 280px;*/
}


/* Directions page
-------------------------------------------------------*/

ul#maps{
	float:left;
	padding: 36px 0;
}
ul#maps li{
	float: left;
	padding: 0 10px 10px 0;
}


/* Photos page
-------------------------------------------------------*/
div#photos {
	padding: 36px 0;
}

div#photos p {
	padding-top: 36px;
}

div#photos div.go-to {
	float: right;
	text-transform: uppercase;
	color: #BCBDC1;
	font-size: 8px;
	padding: 4px 0;
}


/* Videos page
-------------------------------------------------------*/
div#videos {
	padding: 36px 0;
}



/* Pager
------------------------------------------------------*/
div.pager {
	clear: both;
	padding: 20px 0;
	font-size: 10px;
}
div.pager table {
}
div.pager td {

	text-align: center;
	text-transform: lowercase;

	color: #fff;
}
div.pager td.link {
	padding-right: 8px;
}
div.pager td a, div.pager td.current b {
	text-decoration: none;
}
div.pager td a {
	color: #acb4c1;
}
div.pager td.back, div.pager td.next {
	padding-right: 8px;
}
div.pager td.back a, div.pager td.next a {
}
div.pager td.back a:hover, div.pager td.next a:hover {
}
div.pager td a:hover {
	color: #fff;
}