/* ----- Event Page ----- */

#content {
margin: 0;
padding: 0;
text-align: left;
}

#event_container {
width: 770px;
float: left;
margin: 0 0 15px 10px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
display: inline;
}

* html #event_container {margin: 0 0 15px 0;}

#event_container a, #event_container a:link, #event_container a:visited {xcolor: #3399cc; xcolor: #5f8aba; color: #cc3333; text-decoration: underline;}
#event_container a:hover {text-decoration: none;}

.event_alert {
background-color: rgb(102,0,0);
width: 750px;
padding: 10px;
position: relative;
margin: 0 0 10px 0;
text-align: center;
}

.event_alert .top {height: 3px; width: 770px; background: url(../images/alert.gif) no-repeat 0 0; position: absolute; top: 0; left: 0;}
.event_alert .bottom {height: 3px; width: 770px; background: url(../images/alert.gif) no-repeat 0 -3px; position: absolute; bottom: 0; left: 0;}
.event_alert h1, .event_alert h2, .event_alert h3, .event_alert h4, .event_alert h5, .event_alert h6 {color: #ffffff!important;}

/* ----- Survey ----- */

#event_survey {
width: 730px;
margin: 0;
position: relative;
height: 40px;
background-color: #000000;
line-height: 40px;
color: #ffffff;
padding: 0 20px 0 20px;
border-bottom: 1px solid #333333;
font-weight: bold;
}

#survey_slider {width: 200px; position: absolute; right: 20px; top: 16px;}

#slider_bar {background:url(../images/slider_bg.gif) no-repeat; height:6px; width:200px; position:relative; cursor: pointer;}
.ui-slider-handle {background:url(../images/slider_handle.png) no-repeat; height:16px; width:16px; overflow:hidden; position:absolute; margin-left: -8px; left: 0; top: -5px; z-index:1; cursor: pointer;}

#survey_amount  {
width: 70px;
position: absolute;
height: 40px;
line-height: 40px;
top: 0;
text-align: right;
right: 240px;
border: none;
color: #66ff33;
background-color: #000000;
font-weight:bold;
}

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

#event_header {width: 770px; margin: 0 0 20px 0; position: relative;}
#event_header_text {width: 770px; margin: 0;}
#event_header_text h4 {line-height: 20px;}
#event_header_text a.more, #event_header_text a:link.more, #event_header_text a:visited.more {color: #000000;}
#event_header a#buy_tickets {position: absolute; right: 0; top: 0;}


/* ----- Headers ----- */

#event_container h2 {font-weight: normal; font-size: 24px; color: #000000;}

#event_container h3 {font-weight: normal; font-size: 18px; color: #999999;}
#event_container h3 a, #event_container h3 a:link, #event_container h3 a:visited {color: #cc3333; text-decoration: underline;}
#event_container h3 a:hover {text-decoration: none;}

#event_container h4 {font-weight: normal; font-size: 14px; color: #666666; text-align: justify;}
#event_container h4 a, #event_container h4 a:link, #event_container h4 a:visited {color: #444444; text-decoration: none;}
#event_container h4 a.alt, #event_container h4 a:link.alt, #event_container h4 a:visited.alt {color: #666666;}
#event_container h4 a:hover {text-decoration: underline;}
#event_container h4 span {color: #cccccc;}

/* ----- Classes ----- */

.corner {background: url(../images/header_control_corners.gif) no-repeat; height: 3px; width: 3px; position: absolute;}
.corner_trans_black {background: url(../images/transparent_inside_corners.png) no-repeat; height: 3px; width: 3px; position: absolute; z-index: 5;}

.left_top {background-position: -6px 0; left: 0; top: 0;}
.right_top {background-position: -9px 0; right: 0; top: 0;}
.left_bottom {background-position: 0 0; left: 0; bottom: 0;}
.right_bottom {background-position: -3px 0; right: 0; bottom: 0;}

* html .left_bottom {background-position: 0 0; left: 0; bottom: -10px; margin-bottom: -2px;}
* html .right_bottom {background-position: -3px 0; right: 0; bottom: -10px; margin-bottom: -2px;}

.event_inner {background-color: #000000; width: 740px; padding: 10px;}

.left {float: left;}
.clear {clear: both;}
.text_left {text-align: left;}

/* ----- Tables ----- */

#event_container table {border-collapse: collapse; border: 1px solid #ffffff;}
#event_container table td {margin-bottom: 1px; padding: 5px;}
#event_container table .ticketHead {background-color: #660000; color: #ffffff; font-weight: bold;}
#event_container table .ticketSubHead {background-color: #cccccc; font-weight: bold;}
#event_container table .ticketTableLight {background-color: #ffffff;}
#event_container table .ticketTableDark {background-color: #eeeeee;}
#event_container table .ticketText {font-size: 14px;}

a.buy_tickets, a:link.buy_tickets, a:visited.buy_tickets {
background: url(../images/event_buttons.gif) no-repeat 0 0;
width: 150px;
height: 28px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
a.buy_tickets:hover {background-position: 0 -28px;}

a.comment_button, a:link.comment_button, a:visited.comment_button, input.comment_button {
background: url(../images/event_buttons.gif) no-repeat -150px 0;
border: none;
width: 170px;
height: 28px;
display: block;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
font-size: 0px;
line-height: 0px;
}
a.comment_button:hover, input.comment_button:hover {background-position: -150px -28px;}

/* ----- Artist Image Gallery ----- */

#event_image_header {
background: url(../images/event_image_header.png) no-repeat 0 0 #000000;
margin: 0;
width: 770px;
height: 330px;
text-align: center;
overflow: hidden;
position: relative;
}

.caption {
position: absolute;
font: bold 24px Arial, Helvetica, sans-serif;
padding: 10px 20px 10px 20px;
width: 730px;
text-align: left;
background-color: #000000;
color: #ffffff;
z-index: 10!important;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

.bottom {bottom: 0; left: 0;}

#event_image_menu {
background-color: #000000;
margin: 0;
width: 750px;
xheight: 60px;
padding: 10px 10px 0 10px;
position: relative;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
}

ul.event_images {
margin-left: auto;
margin-right: auto;
padding: 0 95px 0 95px;
height: 60px;
list-style: none;
display: table;
}

ul.event_images li {
float: left;
width: 60px;
height: 60px;
background-color: #333333;
margin: 0 10px 10px 0;
overflow: hidden;
display: inline-block;
display: -moz-inline-block;
cursor: pointer;
}

a#menu_prev, a:link#menu_prev, a:visited#menu_prev {
background: url(../images/image_header_menu.gif) no-repeat 0 0;
display: block;
width: 60px;
height: 50px;
position: absolute;
left: 20px;
top: 50%;
margin-top: -30px;
}
a:hover#menu_prev {background-position: 0 -50px;}

a#menu_next, a:link#menu_next, a:visited#menu_next {
background: url(../images/image_header_menu.gif) no-repeat -60px 0;
display: block;
width: 60px;
height: 50px;
position: absolute;
right: 20px;
top: 50%;
margin-top: -30px;
}
a:hover#menu_next {background-position: -60px -50px;}

/* ----- Event Info ----- */

#event_info, #event_tabs {
width: 760px;
position: relative;
padding: 5px;
margin: 0 0 20px 0;
background-color: #000000;
}

#event_info .event_inner {background-color: #000000; width: 730px; padding: 15px;}
#event_tabs .event_inner {background-color: #ffffff; width: 740px; padding: 10px;}
#videos_tab.event_inner {background-color: #000000; width: 740px; padding: 10px;}
#videos_tab table {border: none;}
#tickets_tab .buy_tickets {margin: 10px auto 10px; text-align: center;}

.event_calendar {
width: 50px;
height: 58px;
background: url(../images/calendar_bg.gif) no-repeat 0 0;
color: #ffffff;
text-align: center;
font: normal 36px Arial, Helvetica, sans-serif;
padding: 7px 5px 5px 5px;
margin: 0 5px 0 0;
float: left;
}

.event_calendar span {color: #ffffff; font-weight: bold; font-size: 14px; text-transform: uppercase; padding: 5px 0 0 0;}

.event_calendar_mid {float: left; height: 70px; line-height: 70px; font-size: 14px; width: 14px; font-weight: bold; padding: 0 5px 0 0; color: #ffffff;}

ul#event_info_text {float: left; font-size: 14px; list-style: none; width: 226px; margin: 0 20px 0 15px;}
ul#event_info_text li {padding: 0 0 5px 0; color: #ffffff;}
ul#event_info_text li span {font-weight: bold; color: #999999;}

* html #promoter_logo .left_bottom {background-position: 0 0; left: 0; bottom: -10px; margin-bottom: 0;}
* html #promoter_logo .right_bottom {background-position: -3px 0; right: 0; bottom: -10px; margin-bottom: 0;}

#promoter_logo {float: left; width: 100px; height: 70px; margin: 0 20px 0 0; position: relative;}
ul#promoter_info_text {float: left; font-size: 14px; list-style: none; width: 200px;}
ul#promoter_info_text li {padding: 0 0 5px 0; color: #ffffff;}
ul#promoter_info_text li span {font-weight: bold; color: #999999;}
ul#promoter_info_text li span.header {padding: 0 0 10px 0;}

ul#event_info_buttons {
margin: 0;
height: 30px;
padding: 0 5px 13px 15px;
position: relative;
width: 740px;
list-style: none;
background-color: #000000;
}

ul#event_info_buttons li {line-height: 30px; padding: 0 8px 0 0; float: left; color: #ffffff; font-size: 16px;}

#tell_a_friend2 {display: none; color: #ffffff; font-size: 14px;}
#remind_me {display: none; color: #ffffff; font-size: 14px; }

/* Info Buttons */

a.tell_a_friend, a:link.tell_a_friend, a:visited.tell_a_friend {
background: url(../images/event_info_buttons.gif) no-repeat -135px 0;
display: block;
width: 135px;
height: 28px;
text-indent: -9999px;
overflow: hidden;
}
a:hover.tell_a_friend {background-position: -135px -28px;}

a.attending, a:link.attending, a:visited.attending {
background: url(../images/event_info_buttons.gif) no-repeat 0 0;
display: block;
width: 135px;
height: 28px;
text-indent: -9999px;
overflow: hidden;
}
a:hover.attending {background-position: 0 -28px;}

a.find_hotel, a:link.find_hotel, a:visited.find_hotel {
background: url(../images/event_info_buttons.gif) no-repeat -270px 0;
display: block;
width: 135px;
height: 28px;
text-indent: -9999px;
overflow: hidden;
}
a:hover.find_hotel {background-position: -270px -28px;}

/* Social Icons */

ul.social_icons {list-style: none; margin: 0; float: left; height: 16px; padding: 6px;}
ul.social_icons li {list-style: none; float: left; height: 16px; width: 16px; padding: 0 3px 0 3px;}
ul.social_icons li a {height: 16px; display: block; background: url(../images/social_icons.gif); text-indent: -9999px; overflow: hidden;}

/* Social Icon List by Class */

ul.social_icons li a.flickr {background-position: 0 0;}
ul.social_icons li a.digg {background-position: -16px 0;}
ul.social_icons li a.delicious {background-position: -32px 0;}
ul.social_icons li a.magnolia {background-position: -48px 0;}
ul.social_icons li a.facebook {background-position: -64px 0;}
ul.social_icons li a.twitter {background-position: -80px 0;}
ul.social_icons li a.rss {background-position: -96px 0;}
ul.social_icons li a.reddit {background-position: -112px 0;}
ul.social_icons li a.stumbleupon {background-position: -128px 0;}
ul.social_icons li a.myspace {background-position: -144px 0;}
ul.social_icons li a.lastfm {background-position: -160px 0;}

/* ----- Tabs ----- */

ul#tab_menu {height: 30px; list-style: none; margin: 0; width: 770px;}

ul#tab_menu li {
float: left;
height: 100%;
text-align: center;
line-height: 30px;
width: 8em;
}

ul#tab_menu li.selected {background: url(../images/tab_left_bg.gif) no-repeat 0 0;}
ul#tab_menu li.left.selected {background: url(../images/tab_left_bg.gif) no-repeat -3px 0;}

ul#tab_menu li.selected a, ul#tab_menu li.selected a:link, ul#tab_menu li.selected a:visited, ul#tab_menu li.selected a:hover {
background: url(../images/tab_right_bg.gif) no-repeat top right;
height: 30px;
display: block;
text-decoration: none;
}

ul#tab_menu li a, ul#tab_menu li a:link, ul#tab_menu li a:visited, ul#tab_menu li a:hover {text-decoration: none;}
ul#tab_menu li.selected span {color: #ffffff; font-size: 14px; font-weight: normal; font-family: Helvetica, Arial, sans-serif;}
ul#tab_menu li span {color: #666666; font-size: 16px; font-weight: normal; font-family: Helvetica, Arial, sans-serif;}

/* ----- Comments ----- */

#comment_header {
width: 770px;
margin: 0;
position: relative;
}

#comment_header a.comment_button {position: absolute; right: 0; top: 0;}

#event_comments {width: 770px; margin: 0 0 20px 0;	}

ul#event_comment_block {
width: 770px;
list-style: none;
margin: 10px 0 0 0;
padding: 0 0 20px 0;
border-top: 1px solid #cccccc;
}

ul#event_comment_block li {
width: 770px;
list-style: none;
margin: 0;
padding: 20px 0 0 0;
border-bottom: 1px solid #cccccc;
}

ul#event_comment_block li img.user_icon {
width: 50px;
height: 50px;
margin: 0 20px 20px 20px;
padding: 5px;
border: 1px solid #cccccc;
float: left;
display: inline;
}

ul#event_comment_block li div.user_comment {width: 668px; padding: 0 0 20px 0; float: left; display: inline;}
* html ul#event_comment_block li div.user_comment {padding: 0;}
ul#event_comment_block li .user_comment h4 {padding: 0 0 10px 0;}
ul#event_comment_block li .user_post {width: 668px;	padding: 0 0 10px 0; line-height: 18px;}
ul#event_comment_block li .user_post_date {width: 668px; color: #cccccc;}
		
#event_leave_comment textarea.event_comment {
border: 1px solid #cccccc;
background-color: #ffffff;
padding: 10px;
width: 478px;
height: 100px;
float: left;
margin: 20px 0 20px 0;
}

#event_comment_rules {width: 250px; margin: 20px 0 0 20px; float: left;}