/*
Theme Name: Burn Out 2010 
Theme URI: http://wordpress.org/
Description: Burn Out 2010 Template
Version: 1.0
Author: Andreas Bilz
Author URI: http://www.herooutoftime.com
*/

/*RESET CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body { font-family: georgia; font-size: 90%; color: #222; margin: 0px; padding: 0px; background: url(images/bkg/bkg_body_grey.gif); }

/* Begin Typography & Colors */

.single #content p, .page #content p {
	margin-bottom: 20px;
}

#transportation p, #transportation form {
	padding: 0 40px;
}

#tickets_table {
	margin-left: auto;
	margin-right: auto;
}

#tickets_table .spacer-cell {
	width: 45%;
}

#tickets_table th {
	font-size: 150%;
	color: #861414;
	font-weight: bold;
	font-family: helvetica, arial, sans-serif;
	border-bottom: 1px dotted #ccc;
}

#tickets_table td, #tickets_table th {
	height: 80px;
	border-spacing: 0 10px;
	padding: 10px 10px 10px 0;
}

#tickets_table th {
	vertical-align: top;
}

#tickets_table th em {
	display: block;
	font-size: medium;
	color: #222;
}

#tickets_table td.recommended {
	
}

#tickets_table th.recommended {
	width: 175px;
	background: url(images/bkg/2-dayspass.png) no-repeat;
}

#tickets_table td.price strong {
	font-size: 300%;
	line-height: 80px;
	padding: 0 15px 15px 15px;
	background: url(images/bkg/price_shade.png) no-repeat center bottom;
}

#tickets_table td img {
	height: 65px;
}

#tickets_table td.price em {
	font-size: medium;
	padding: 0 20px 0 0;
}

#tickets_table td.price b {
	font-size: medium;
	font-weight: normal;
	padding: 0 20px 0 0;
}


/* GENERAL HEADER STYLES */
h1, h2, h3 { font-family: helvetica, arial, sans-serif; }
h1 { font-size: 166.7%; color: #861414; font-weight: bold; }
h2 { font-size: 133.3%; color: #861414; font-weight: bold; text-transform: uppercase; margin: 0 0 15px 0; }
h3 { font-size: 116.7%; color: #333; font-weight: bold; padding: 3% 0; }

/* H1 VARIATIONS */
.single h1 { margin: 0 0 15px 0; }

/* H2 VARIATIONS */
h2.band, .like-h2 { font-size: 200%; }
.interview-list h2, #text-11 h2 { margin: 0; }
h2.jobs { font-size: 300%; }
.proudly h2 { text-align: center; }

/* H3 VARIATIONS */
#second-row h3 { text-shadow: 0 2px 4px #dadada; }
#latest h3, #recent h3 { padding: 3% 0; }
#twitter-tools h3 { padding: 0; }
h3.line-up { font-family: georgia; font-size:180%; font-weight: normal; text-transform: uppercase; }
#lineup-front h3 { font-family: georgia; font-size: 150%; font-weight: normal; }
.interview-list h3 { padding: 0; }
h3.on-stage { font-family: georgia; }
h3.twitter { line-height: 48px; padding: 0 0 0 58px; background: url(images/icons/twitter.png) no-repeat; }

/* H3 TRANSPORTATION */
h3.transportation { line-height: 37px; padding: 0 0 0 40px; margin: 20px 0 0 0; }
h3.bike { background: url(images/icons/bike.png) no-repeat; }
h3.bus { background: url(images/icons/bus.png) no-repeat; }
h3.train { background: url(images/icons/train.png) no-repeat; }
h3.car { background: url(images/icons/car.png) no-repeat; }
h3.parking { background: url(images/icons/parking.png) no-repeat; }

small { font-size: small; }
strong { font-weight: bold; }

a { color: #861414; text-decoration: none; }
a.text-white { color: #fff; }

a.morelink {
	padding: 0 0 0 25px;
	background-repeat: no-repeat;
	background-position: left 50%;
}

a.morelink:link, a.morelink:active, a.morelink:visited { background-image: url(images/bkg/morelink.png); }
a.morelink:hover { background-image: url(images/bkg/morelink_hover.png); }
a.comment-link { background: url(images/social/comment.png) no-repeat; padding: 0 0 0 21px; }

input[type="submit"], .data-field input[type="submit"] {
	background: #da7b7b;
	font-weight: bold;
	padding: 5px 9px;
	color: #9e3a3a;
	border-width: 1px;
	border-style: solid;
	border-color: #e6c6c6 #b25a5a #b25a5a #e6c6c6;
}

input[type="submit"]:hover, .data-field input[type="submit"]:hover {
	background: #da7b7b;
	font-weight: bold;
	padding: 5px 9px;
	color: #861414;
	border-width: 1px;
	border-style: solid;
	border-color: #b25a5a #e6c6c6 #e6c6c6 #b25a5a;
}


.clr { clear: both; }

.played { text-decoration: line-through; }

.panel {background: url(images/bkg/phoenix.jpg) no-repeat center;}

#page-box { background: url(images/bkg/header.gif) repeat-x; }
#page { margin: 0 auto; width: 60em; min-width: 950px; }

#header-box { height: 155px; position: relative; }

/* LOGO */
#logo-box { float: left; width: 25%; height: 100px; position: relative; }
#logo { background: url(images/bomf11.png) no-repeat; width: 266px; height: 167px; position: absolute; top: 0; left: 20px; }
#logo h1 a { display: block; text-indent: -9999em; width: 250px; height: 157px; }

#top-box { 
	
}

/* REMEBER BOX */
#remember-box {background: url(images/remember.png) no-repeat 20% 0;width:256px;height:56px}
#remember-box a.date { display: block; padding: 0 0 0 20%;font-family: 'Rock Salt', cursive; font-weight:bold;color:#2f316b}
#remember #ical { float: right; display: block; width: 98px; height: 28px; }
#remember-box a.location { display: block; width: 248px; height: 41px; margin: 0 0 0 275px; background: url(images/bkg/wolfurt.png) no-repeat; }

/* DAY COUNTER */

#day-counter { margin: 10px 10px 0 0; }
#day-counter .until { width: 38px; height: 26px; margin: 30px 8px 0 0; background: url(images/bkg/until.png) no-repeat; }
#day-counter .days_to { width: 34px; height: 24px; margin: 30px 0 0 8px; background: url(images/bkg/days_to.png) no-repeat; }
#day-counter .day_to { width: 34px; height: 24px; margin: 30px 0 0 8px; background: url(images/bkg/day_to.png) no-repeat; }
#day-counter .sleep_one { width: 86px; height: 17px; margin: 30px 0 0 8px; background: url(images/bkg/sleep_one.png) no-repeat; }
#day-counter .hours_to { width: 77px; height: 21px; margin: 30px 0 0 8px; background: url(images/bkg/hours_to.png) no-repeat; }
#day-counter .get_ready { width: 119px; height: 58px; background: url(images/bkg/get_ready.png) no-repeat; }

.unit { float: left; }
.num-1 { width: 20px; height: 46px; background: url(images/bkg/counter/1.png) no-repeat; }
.num-2 { width: 52px; height: 56px; background: url(images/bkg/counter/2.png) no-repeat; }
.num-3 { width: 42px; height: 64px; background: url(images/bkg/counter/3.png) no-repeat; }
.num-4 { width: 56px; height: 80px; background: url(images/bkg/counter/4.png) no-repeat; }
.num-5 { width: 52px; height: 72px; background: url(images/bkg/counter/5.png) no-repeat; }
.num-6 { width: 70px; height: 70px; background: url(images/bkg/counter/6.png) no-repeat; }
.num-7 { width: 44px; height: 62px; background: url(images/bkg/counter/7.png) no-repeat; }
.num-8 { width: 34px; height: 42px; background: url(images/bkg/counter/8.png) no-repeat; }
.num-9 { width: 36px; height: 54px; background: url(images/bkg/counter/9.png) no-repeat; }
.num-0 { width: 40px; height: 56px; background: url(images/bkg/counter/0.png) no-repeat; }


#ticket-popup { display: none; position: absolute; width: 110px; height: 76px; text-align: center; background: url(images/bkg/ticket-popup.png) no-repeat; }
#ticket-info { padding-top: 4px; }
#ticket-info big { font-size: 220%; color: #861414; font-weight: bold; }
#ticketcost { display: block; font-family: verdana; font-weight: bold; color: #fff; padding: 2px 0 0 18px; }

/* MENU */

#menu-pos { position:absolute;top:auto;bottom:0;right:1%;}
ul#menu { margin: 0; padding: 0px; }
ul#menu li { float: left; display: block; height: 35px; margin-right: 15px; padding: 0 0 0 10px; background: url(images/bkg/menu/menu-off.png) no-repeat; }
ul#menu li a { display: block; line-height: 35px; text-transform: uppercase; font-weight: bold; color: #861414; height: 35px; font-size: 105%; margin: 0 -8px 0 0; padding: 0 10px 0 0; background: url(images/bkg/menu/menu-off-r.png) no-repeat right top; }
ul#menu li.current-cat, ul#menu li.current_page_item { background: url(images/bkg/menu/menu-on.png) no-repeat; }
ul#menu li.current-cat a, ul#menu li.current_page_item a { background: url(images/bkg/menu/menu-on-r.png) no-repeat right top; }
ul#menu li a:link, ul#menu li a:visited, ul#menu li a:hover, ul#menu li a:active { color: #861414; text-decoration: none; }
ul#menu li#tickettag { background: none; }
ul#menu li#tickettag span { display: block; background: url(images/bkg/bkg_tickettag.png); width: 83px; height: 22px; }


#content-box { background: #fff; }
#content-wrapper { padding: 30px 20px 100px; }
.home #content-wrapper { padding: 30px 0 100px; }

/* HOME */


.ticket-badge {
	display: block;
	width: 122px;
	height: 122px;
	background: url(images/bkg/get-ticket.png) no-repeat;
}

.ticket-home {
	position: absolute;
	top: -35px;
	left: auto;
	right: -20px;
}

.ticket-tickets {
	position: absolute;
	top: 250px;
	right: 20%;
}


.front-lineup-band {
	top: 335px;
	left: auto;
	right: 10px;
	padding: 8px;
	background: #fff;
}

ul#lineup-front li {
	display: block;
	float: left;
	padding: 1px 0 0 0;
}

ul#lineup-front li.proudly {
	background: none;
}

ul#lineup-front li a {
	display: block;
	float: left;
	padding: 5px 0 0 0;
	background: url(images/bkg/slider/normal_top.png) no-repeat right top;
}

ul#lineup-front li a span {
	display: block;
	float: left;
	padding: 0px 35px 8px 20px;
	background: url(images/bkg/slider/normal_bottom.png) no-repeat right bottom;
}

ul#lineup-front li a.current {
	background: url(images/bkg/slider/current_top.png) no-repeat right top;
}

ul#lineup-front li a.current span {
	background: url(images/bkg/slider/current_bottom.png) no-repeat right bottom;
}

#third-row {	/* Separator image */
	padding-bottom: 100px;
	background: url(images/container/zigzag-bottom-white/bottom-middle.png) repeat-x left top #f7f7f7;
}

#third-row .middle-box .empty-container .box-content {
	padding: 0 25px 10px;
}


/* DELETE */

.first .entry, .single .entry {
	margin-left: 45px;
}



#sidebar ul, #bandinfo ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#on-stage-now {
	position: relative;
}

#on-stage-now ul {
	text-align: center;
	padding: 5px 0px 0px;
}

#on-stage-now h2 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

/* Ticket Text Widget in the Sidebar */

#text-6 {}

#text-6 a.get-ticket {
	width: 100%;
	height: 100px;
	display: block;
	background: url(images/bkg/tickets.png) no-repeat center;
}

/* Twitter Tools on Home */

.twitter-icon {
	background: url(images/icons/twitter_32.png) no-repeat;
}

#twitter-tools {
	font-size: 90%;
}

.aktt_tweets li {
	margin: 0 0 15px 0;
}

.tweet-box .box-content {
	padding-top: 10px;
}

/* Sticky Box - Bottom Left eg.: Kick Off Party */

#sticky-title {
	top: 50%;
	left: auto;
	right: 5px;
	padding: 4px;
	background: #fff;
}

/* Text-7 is the Jobs Container on Home */

#text-11 a.apply-job {
	width: 100%;
	height: 100px;
	display: block;
	background: url(images/bkg/contact/apply_job.png) no-repeat center;
}



.shirt-box {
	overflow: hidden;
}

.shirt_desc {
	top: auto;
	left: auto;
	right: 5%;
	bottom: 5%;
	padding: 5px 10px;
	background: #fff;
}

/* LINE-UP OVERVIEW BEGIN*/

#lineup-box table th {
	padding-bottom: 20px;
}

#lineup-box table td {
	vertical-align: top;
}

/* BAND SINGLE PAGES BEGIN */

#bandphoto {
	float: left;
}

.phoenix {
	width: 600px;
	height: 250px;
	background: url(images/bkg/phoenix.jpg) no-repeat center;
}

.smallest {
	font-size: 75%;
	color: #fff;
	background: #861414;
}

ul.music li { margin:15px 12px 15px 0; float:left; position:relative; }
ul.music li a { display:block; position:relative; background:url(images/bkg/vinyl.png) 0 0 no-repeat; float:left; width:100px; height:82px; text-indent:-1000em; overflow:hidden; z-index:1; }
ul.music li img { position:absolute; width:72px; height:72px; left:2px; top:1px; }
img { -ms-interpolation-mode:bicubic; }
ul.music li.vinyl a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='vinyl.png', sizingMethod='crop'); }


#lastfm-bandlink-middle {
	display: block;
	margin: 0 10px 0 90px;
	background: url(images/bkg/lastfm-bandlink/middle.png) repeat-x;
}

#lastfm-bandlink-left {
	display: block;
	margin-left: -90px;
	background: url(images/bkg/lastfm-bandlink/left.png) no-repeat left top;	
}


#lastfm-bandlink-right {
	display: block;
	padding: 0 0 0 100px;
	margin-right: -10px;
	height: 26px;
	line-height: 26px;
	background: url(images/bkg/lastfm-bandlink/right.png) no-repeat right top;
}

/* BAND SINGLE PAGES END */


/* INTERVIEW PAGES */

.interviews blockquote {	/* That's the interviewer */
	font-style: italic;
	font-size: 90%;
}

#content .interviews blockquote p {
	margin: 0px;
}

.interviews blockquote + p {
}

.interviews cite {		/* That's the interviewee */
	font-weight: bold;
	display: block;
}


/* HISTORY BEGIN */

.band-history-list > li {
	margin: 0 0 20px 0;
}

.played_day {
	font-size: 10px;
	color: #ccc;
	padding-left: 10px;
}

/* HISTORY END */

/* MEDIA SITE */

.ngg-navigation span, .ngg-navigation a { margin: 0 5px 0 0; padding: 5px 10px; border: 1px solid #ccc; }
.ngg-navigation span { background: #861414; border: 1px solid #861414; color: #fff; }

/* PRESS BEGIN */

.photo-box { top: auto; bottom: 5%; left: 0; }


/* PARTNER */

#partner > li {
	margin: 0 0 30px 0;
}

#partner li ul li {
	display: inline-table;
}

#partner li img {
	height: 93px;
}

/* KONTAKT BEGIN */


#text-8 a, #text-9 a, #text-10 a {
	display: block;
	width: 100%;
	height: 100px;
}

#text-8 a.apply-band {
	background: url(images/bkg/contact/apply_band.png) no-repeat center;
}

#text-9 a.apply-job {
	background: url(images/bkg/contact/apply_job.png) no-repeat center;
}

#text-10 a.apply-partner {
	background: url(images/bkg/contact/apply_partner.png) no-repeat center;
}

/* KONTAKT END */



/* SOCIAL NETWORK LINKS */

.sociable { }
.sociable ul li { margin: 0 10px 10px 0; }
.sociable ul li a { font-size: 90%; }
.sociable ul li img { margin: 0 5px 0 0; float: left; }

/* FOOTER */

#footer-box { position: fixed; bottom: 0; top: auto; z-index: 2; width: 100%; background: url(images/bkg/zigzag-bottom.png) repeat-x; }
.footer-top { width: 100%; height: 15px; background: url(images/bkg/zigzag-bottom.png) repeat-x; }
#footer { background: #fff; padding: 0; }

#footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

li.sponsors {
	float: left;
	line-height: 43px;
}

.sponsors img {
	height: 43px;
}

.socials img {
}

ul.socials-list li {
	float: left;
	margin: 0 20px 0 0;
	line-height: 32px;
}

ul.sponsors-list li {
	float: left;
	margin: 0 0 0 20px;
}

li.socials {
	float: right;
}

/* KOMMENTAR TEMPLATE BEGIN */

#comment-box { font-size: 90%; }
ol.commentlist li.comment { padding: 10px; border-bottom: 1px solid #eee; }
ol.commentlist ul.children { margin: 0 0 0 40px; }


/* MIME TYPES ICONS used Set FamFamFamIcons */

a.mime-type { padding: 0 0 0 21px; background-repeat: no-repeat; }
a.application-msword { background-image: url(images/mime-types/page_white_word.png); }
a.application-pdf { background-image: url(images/mime-types/page_white_acrobat.png); }
a.text-plain { background-image: url(images/mime-types/page_white_text.png); }

/* DATUMSCONTAINER UND TIMECONTAINER */

.item-date {
	font-family: verdana;
}

.item-time-left {
	width: 5px;
	height: 22px;
	background: url(images/bkg/time-left.png) no-repeat;
}

.item-time-right {
	font-family: verdana;
	font-size: 116.7%;
	font-weight: bold;
	color: #fff;
	height: 22px;
	padding: 0 5px 0 0;
	background: url(images/bkg/time-right.png) no-repeat top right;
}

.date-box {
	background: url(images/bkg/date-overlay.png)repeat-x 0% 45% #861414;
	width: 32px;
	height: 32px;
}

.item-date .month {
	padding: 0px;
	font-size: 75%;
	text-transform: uppercase;
}

.item-date .day {
	padding: 0px;
	font-family: verdana;
	font-size: 100%;
	font-weight: bold;
}

/* I LIKE THIS */
.iLikeThis { display:inline; }
.iLikeThis .counter { background:url(images/bkg/heart.png) center left no-repeat; padding:0 0 0 21px; font-weight:bold; }
.iLikeThis .counter a { cursor:pointer; }
.iLikeThis .counter a.image { background:url(images/bkg/add.png) center right no-repeat; padding:0 20px 0 0; }

/* CONTACT FORM */
div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}
div.wpcf7-mail-sent-ok { border: 2px solid #398f14; }
div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; }
div.wpcf7-spam-blocked { border: 2px solid #ffa500; }
div.wpcf7-validation-errors { border: 2px solid #f7e700; }
span.wpcf7-form-control-wrap { position: relative; }
span.wpcf7-not-valid-tip-no-ajax { 
	color: #f00;
	font-size: 10pt;
	display: block;
}
span.wpcf7-list-item { margin-left: 0.5em; }
.wpcf7-display-none { display: none; }


/* FORMS (JOBS, SPONSORING, BANDS) */

.data-field input, .data-field select, .data-field textarea, data-field label { font-size: 100%; }
.data-field input, .data-field select, .data-field textarea { font-family: Helvetica, Arial, sans-serif; }
.data-field { margin: 20px 0 0 0; }
.data-field label { vertical-align: top; margin: 0 10px 0 0; cursor: pointer; width: 120px; display: inline-table; padding: 5px 0; }
.data-field input { padding: 3px; }
.data-field span.required, .fields_required span.required { padding: 4px 15px 3px 15px; background: url(images/bkg/input_required.gif) no-repeat center center; }
.data-field span.required + span { padding: 0 0 0 20px; }
ul#workarea li { float: left; margin: 0 10px 0 0; }


/* GENERAL STYLING STUFF */

.float-right { float: right; } .float-left { float: left; }
.block-link, .dis_block { display: block; }
.pos_rel { position: relative; } .pos_abs { position: absolute; }
.white-text *, .white-text a:link, .white-text a:visited { color: #fff; }
.light-grey { color: #ccc; }
.bg-white { background-color: #fff; }
.text-center { text-align: center; } .text-vcenter { display: table-cell; vertical-align: middle; }
.text-left { text-align: left; } .text-right { text-align: right; }
.ver_bot { vertical-align: text-bottom !important; } .ver_mid { vertical-align: middle; }
.alignleft { float: left; } .alignright { float: right; }
.over_hid { overflow: hidden; }
.brdrig_dash { border-right: 1px dashed #ccc; }

/* ICON & DATE BOXES */
.width_32 { width: 32px; } .hei_32 { height: 32px; }

.marsid_25 { margin-left: 25px; margin-right: 25px; } .marsid_20 { margin-left: 20px;	margin-right: 20px; }
.marlefrig_16 { margin-left: 16px; margin-right: 16px; }

.marlef_130 { margin-left: 130px; }
.marlef_58 { margin-left: 58px; } .marlef_40 { margin-left: 40px; } .marlef_30 { margin-left: 30px; }
.marlef_20 { margin-left: 20px; } .marlef_10 { margin-left: 10px; }

.marrig_10 { margin-right: 10px; } .marrig_20 { margin-right: 20px; }

.martop_100 { margin-top: 100px; } .martop_65 { margin-top: 65px; } .martop_50 { margin-top: 50px; }
.martop_40 { margin-top: 40px; } .martop_30 { margin-top: 30px; } .martop_20 { margin-top: 20px; }
.martop_10 { margin-top: 10px; }

marbot_100 {margin-bottom:100px}
.marbot_40 { margin-bottom: 40px; } .marbot_30 { margin-bottom: 30px; } .marbot_20 { margin-bottom: 20px; }
.marbot_10 { margin-bottom: 10px; }

.pad_10 { padding: 10px; } .padtopbot_10 { padding-top: 10px; padding-bottom: 10px; } 
.padtob_20 { padding-top: 20px; padding-bottom: 20px; } .padtop_80 { padding-top: 80px; }
.padtop_70 { padding-top: 70px; } .padtop_60 { padding-top: 60px; } .padtop_50 { padding-top: 50px; }
.padtop_40 { padding-top: 40px; } .padtop_30 { padding-top: 30px; } .padtop_25 { padding-top: 25px; }
.padtop_20 { padding-top: 20px; } .padtop_18 { padding-top: 18px; } .padtop_15 { padding-top: 15px; }
.padtop_10 { padding-top: 10px; }

.padlef_5pc { padding-left: 5%; } .padlef_5px { padding-left: 5px; } .padlef_10 { padding-left: 10px; }
.padlef_20 { padding-left: 20px; } .padlef_21 { padding-left: 21px; }

.padrig_10 { padding-right: 10px; } .padrig_20 { padding-right: 20px; }

.padlefrig_10 { padding-left: 10px; padding-right: 10px; } .padlefrig_15 { padding-left: 15px; padding-right: 15px; }
.padlefrig_20 { padding-left: 20px; padding-right: 20px; }

.padbot_20 { padding-bottom: 20px; } .padbot_30 { padding-bottom: 30px; } .padbot_40 { padding-bottom: 40px; }

.width_100 { width: 100%; } .width_90 {	width: 90%; } .width_85 { width: 85%; } .width_80 { width: 80%; } .width_75 { width: 75%; }
.width_70 { width: 70%; } .width_65 { width: 65%; } .width_60 {	width: 60%; } .width_50 { width: 50%; } .width_45 { width: 45%; }
.width_40 { width: 40%; } .width_35 { width: 35%; } .width_30 { width: 30%; } .width_25 { width: 25%; } .width_20 { width: 20%; } .width_15 { width: 15%; } .width_10 { width: 10%; } .width_5 { width: 5%; }

/* SPECIAL FOR DIVS FLOATING LEFT OR RIGHT (MOD 2) */
.width_48 { width: 48%; }

.hei_380 { height: 380px; } .hei_300 { height: 300px; } .hei_250 { height: 250px; } .hei_200 { height: 200px; } .height_100 { height: 100px; }
.img_w90pc { width: 90%; } .img_w80pc { width: 80%; } .img_w40pc { width: 40%; } .img_w64 { width: 64px; }
.ngg-singlepic-lineup { width:100%; }
.empty-container .box-content { padding: 0 5px 10px; }
.box-content { margin: 0 16px; padding: 0px 5px 10px 5px; }

/* RED CONTAINER */
.red-container .top-middle { margin: 0 15px; background: url(images/container/top-middle.png); }
.red-container .top-left { margin-left: -15px; background: url(images/container/top-left.png) no-repeat; }
.red-container .top-right { margin-right: -15px; height: 15px; background: url(images/container/top-right.png) no-repeat right top; }
.red-container .middle-middle { margin: 0 15px; background: #600707; }
.red-container .middle-left { margin-left: -15px; background: url(images/container/middle-left.png) repeat-y; }
.red-container .middle-right { margin-right: -15px; background: url(images/container/middle-right.png) repeat-y right top; }
.red-container .bottom-middle { margin: 0 15px; background: url(images/container/bottom-middle.png); }
.red-container .bottom-left { margin-left: -15px; background: url(images/container/bottom-left.png) no-repeat; }
.red-container .bottom-right { margin-right: -15px; height: 21px; background: url(images/container/bottom-right.png) no-repeat right top; }

/* WHITE CONTAINER */
.white-container .top-middle { margin: 0 15px; background: url(images/container/white/top-middle.png); }
.white-container .top-left { margin-left: -15px; background: url(images/container/white/top-left.png) no-repeat; }
.white-container .top-right { margin-right: -15px; height: 15px; background: url(images/container/white/top-right.png) no-repeat right top; }
.white-container .middle-middle { margin: 0 15px; background: #fff; }
.white-container .middle-left { margin-left: -15px; background: url(images/container/white/middle-left.png) repeat-y; }
.white-container .middle-right { margin-right: -15px; background: url(images/container/white/middle-right.png) repeat-y right top; }
.white-container .bottom-middle { margin: 0 15px; background: url(images/container/white/bottom-middle.png); }
.white-container .bottom-left { margin-left: -15px; background: url(images/container/white/bottom-left.png) no-repeat; }
.white-container .bottom-right { margin-right: -15px; height: 21px; background: url(images/container/white/bottom-right.png) no-repeat right top; }


/* ZIG ZAG CONTAINER e.g.: for ON STAGE NOW */
.zigzag-container .top-middle { margin: 0px 2px 0 3px; background: url(images/container/zigzag/top-middle.png); }
.zigzag-container .top-left { margin-left: -15px; background: url(images/container/zigzag/top-left.png) no-repeat; }
.zigzag-container .top-right { margin-right: -15px; height: 15px; background: url(images/container/zigzag/top-right.png) no-repeat right top; }
.zigzag-container .middle-middle { margin: 0 15px; background: #660b0b; }
.zigzag-container .middle-left { margin-left: -15px; background: url(images/container/zigzag/middle-left.png) repeat-y left top; }
.zigzag-container .middle-right { margin-right: -15px; background: url(images/container/zigzag/middle-right.png) repeat-y right top; }
.zigzag-container .bottom-middle { margin: 0 16px; background: url(images/container/zigzag/bottom-middle.png); }
.zigzag-container .bottom-left { margin-left: -16px; background: url(images/container/zigzag/bottom-left.png) no-repeat; }
.zigzag-container .bottom-right { margin-right: -16px; height: 16px; background: url(images/container/zigzag/bottom-right.png) no-repeat right top;
}


/* ZIG ZAG BOTTOM CONTAINER e.g.: for ON STAGE NOW */
.zigzag-bottom-container .top-middle { margin: 0px 16px; background: url(images/container/zigzag-bottom/top-middle.png); }
.zigzag-bottom-container .top-left { margin-left: -16px; background: url(images/container/zigzag-bottom/top-left.png) no-repeat; }
.zigzag-bottom-container .top-right { margin-right: -16px; height: 16px; background: url(images/container/zigzag-bottom/top-right.png) no-repeat right top; }
.zigzag-bottom-container .middle-middle { margin: 0 16px; background: #660b0b; }
.zigzag-bottom-container .middle-left { margin-left: -16px; background: url(images/container/zigzag-bottom/middle-left.png) repeat-y left top; }
.zigzag-bottom-container .middle-right { margin-right: -16px; background: url(images/container/zigzag-bottom/middle-right.png) repeat-y right top; }
.zigzag-bottom-container .bottom-middle { margin: 0 3px 0 2px; background: url(images/container/zigzag-bottom/bottom-middle.png); }
.zigzag-bottom-container .bottom-left { margin-left: -16px; background: url(images/container/zigzag-bottom/bottom-left.png) no-repeat; }
.zigzag-bottom-container .bottom-right { margin-right: -16px; height: 16px; background: url(images/container/zigzag-bottom/bottom-right.png) no-repeat right top; }


/* ZIG ZAG BOTTOM WHITE CONTAINER e.g.: for ON STAGE NOW */
.zigzag-bottom-white-container .top-middle { margin: 0px 16px; background: url(images/container/zigzag-bottom-white/top-middle.png); }
.zigzag-bottom-white-container .top-left { margin-left: -16px; background: url(images/container/zigzag-bottom-white/top-left.png) no-repeat; }
.zigzag-bottom-white-container .top-right { margin-right: -16px; height: 16px; background: url(images/container/zigzag-bottom-white/top-right.png) no-repeat right top; }
.zigzag-bottom-white-container .middle-middle { margin: 0 16px; background: #fff; }
.zigzag-bottom-white-container .middle-left { margin-left: -16px; background: url(images/container/zigzag-bottom-white/middle-left.png) repeat-y left top; }
.zigzag-bottom-white-container .middle-right { margin-right: -16px; background: url(images/container/zigzag-bottom-white/middle-right.png) repeat-y right top; }
.zigzag-bottom-white-container .bottom-middle { margin: 0 3px 0 2px; background: url(images/container/zigzag-bottom-white/bottom-middle.png); }
.zigzag-bottom-white-container .bottom-left { margin-left: -16px; background: url(images/container/zigzag-bottom-white/bottom-left.png) no-repeat; }
.zigzag-bottom-white-container .bottom-right { margin-right: -16px; height: 10px; background: url(images/container/zigzag-bottom-white/bottom-right.png) no-repeat right top; }


/* PHOTO CONTAINER e.g Media Sites*/
.photo-container .box-content { background: #fff; }
.photo-container .top-middle { margin: 0px 16px; background: url(images/container/photo/top-middle.png); }
.photo-container .top-left { margin-left: -16px; background: url(images/container/photo/top-left.png) no-repeat; }
.photo-container .top-right { margin-right: -16px; height: 15px; background: url(images/container/photo/top-right.png) no-repeat right top; }
.photo-container .middle-middle { margin: 0 16px; }
.photo-container .middle-left { margin-left: -16px; background: url(images/container/photo/middle-left.png) repeat-y; }
.photo-container .middle-right { margin-right: -16px; background: url(images/container/photo/middle-right.png) repeat-y right top; }
.photo-container .bottom-middle { margin: 0 16px; background: url(images/container/photo/bottom-middle.png); }
.photo-container .bottom-left { margin-left: -16px; background: url(images/container/photo/bottom-left.png) no-repeat; }
.photo-container .bottom-right { margin-right: -16px; height: 16px; background: url(images/container/photo/bottom-right.png) no-repeat right top; }


/* ROUND CORNERS CONTAINER e.g.: Tickets*/
.white-round-corners-container, .grey-round-corners-container, .small-round-corners-container { position: relative; }
.white-round-corners-container .top-left, .grey-round-corners-container .top-left, .small-round-corners-container .top-left { position: absolute; top: 0; left: 0; margin-left: 0; width: 10px; height: 10px; }

.white-round-corners-container .top-left { background: url(images/container/round-corners/top-left.png) no-repeat left top; }
.grey-round-corners-container .top-left { background: url(images/container/round-corners-grey/top-left.png) no-repeat left top; }
.small-round-corners-container .top-left { background: url(images/container/round-corners-small/top-left.png) no-repeat left top; }

.white-round-corners-container .top-right, .grey-round-corners-container .top-right, .small-round-corners-container .top-right { position: absolute; top: 0; left: auto; right: 0; width: 10px; height: 10px; margin-right: 0; }
.white-round-corners-container .top-right { background: url(images/container/round-corners/top-right.png) no-repeat right top; }
.grey-round-corners-container .top-right { background: url(images/container/round-corners-grey/top-right.png) no-repeat right top; }
.small-round-corners-container .top-right { background: url(images/container/round-corners-small/top-right.png) no-repeat right top; }

.white-round-corners-container .bottom-left, .grey-round-corners-container .bottom-left, .small-round-corners-container .bottom-left { position: absolute; top: auto; bottom: 0; left: 0; margin-left: 0; width: 10px; height: 10px; }
.white-round-corners-container .bottom-left { background: url(images/container/round-corners/bottom-left.png) no-repeat left bottom; }
.grey-round-corners-container .bottom-left { background: url(images/container/round-corners-grey/bottom-left.png) no-repeat left bottom; }
.small-round-corners-container .bottom-left { background: url(images/container/round-corners-small/bottom-left.png) no-repeat left bottom; }

.white-round-corners-container .bottom-right, .grey-round-corners-container .bottom-right, .small-round-corners-container .bottom-right { position: absolute; top: auto; bottom: 0; left: auto; right: 0; margin-right: 0; width: 10px; height: 10px; }
.white-round-corners-container .bottom-right { background: url(images/container/round-corners/bottom-right.png) no-repeat right bottom; }
.grey-round-corners-container .bottom-right { background: url(images/container/round-corners-grey/bottom-right.png) no-repeat right bottom; }
.small-round-corners-container .bottom-right { background: url(images/container/round-corners-small/bottom-right.png) no-repeat right bottom; }