/*
	New layout from Jonas
*/


	/* Share navigation */
	div.share_navigation{ background: url(/images/new_layout/share_navigation.png) no-repeat; width: 980px; height: 59px; position: relative; }
	div.share_navigation img{ width: 100%; height: 100%; }
	div.share_navigation div{ position: absolute; height: 59px; cursor: pointer; }
		div.share_navigation .facebook{ width: 120px; left: 212px; }
		div.share_navigation .digg{ width: 86px; left: 333px; }
		div.share_navigation .twitter{ width: 107px; left: 420px; }
	
	
	/* Top navigation */
	div.navigation { background: url(/images/new_layout/navigation_bg.png) no-repeat; width: 980px; height: 102px; position: relative; }
		div.navigation .login{ position: absolute; left: 898px; top: 24px; }
		div.navigation .signup{ position: absolute; left: 898px; top: 56px; }
		div.navigation div.menu{ position: absolute; left: 250px; width: 450px; height: 102px; }
			div.navigation div.menu img{ width: 100%; height: 100%; }
			div.navigation div.menu div{ float: left; margin: 42px 12px 0px 12px; height: 101px; }
				div.navigation div.menu a{ font-size: 15px; color: #fff; }
				div.navigation div.menu a:hover{ font-size: 15px; color: #4c4c4c; text-decoration: none; }
				div.navigation div.menu .selected a{ color: #4c4c4c; }
				div.navigation div.menu .split{ margin: 0px; width: 18px; }
	
	
	/* Inner navigation
	div.inner_navigation { float: left; margin-bottom: 20px; width: 940px; height: 41px; background: url(/images/new_layout/inner_navigation_bg.png) repeat-x; border-left: solid 1px #d6d6d6; border-right: solid 1px #d6d6d6; }
		div.inner_navigation .dynamic{ float: left; font-size: 14px; color: #333; font-weight: bold; line-height: 39px; height: 39px; padding: 0px 15px 0px 15px; border-right: solid 1px #c8c8c8; }
		div.inner_navigation div.menu { float: left; background: url(/images/new_layout/inner_navigation_event.png) no-repeat; height: 41px; width: 205px; }
				div.inner_navigation div.menu img{ width: 100%; height: 100%; }
				div.inner_navigation div.menu div{ float: left; height: 41px; cursor: pointer; }
					div.inner_navigation div.menu .event{ width: 82px; }
					div.inner_navigation div.menu .contender{ width: 123px; }
		div.inner_navigation div.submenu { float: left; background: url(/images/new_layout/inner_navigation_menu.png) no-repeat; height: 41px; width: 330px; }
				div.inner_navigation div.submenu div{ float: left; height: 41px; cursor: pointer; }
					div.inner_navigation div.submenu img{ width: 100%; height: 41px; }
					div.inner_navigation div.submenu .profile{ width: 85px; }
					div.inner_navigation div.submenu .videos{ width: 78px; }
					div.inner_navigation div.submenu .blog{ width: 81px; }
					div.inner_navigation div.submenu .gallery{ width: 81px; }
	*/
	div.inner_navigation { float: left; margin-bottom: 20px; width: 940px; height: 41px; background: #efefef url(/images/new_layout/menu_bg.jpg) repeat-x bottom; border: solid 1px #d6d6d6; }
		div.inner_navigation .dynamic{ float: left; font-size: 14px; color: #333; font-weight: bold; line-height: 39px; height: 39px; padding: 0px 15px 0px 15px; border-right: solid 1px #c8c8c8; }

		div.inner_navigation .tickets a {
			background: url("/images/new_layout/btn_bg.png") repeat-x scroll 0 0 transparent;
			padding: 3px 5px;
			display: block;
			margin: 10px 0;
			color: #fff !important;
			text-align: center;
			-moz-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			border-radius:5px 5px 5px 5px;
		}

		div.inner_navigation .tickets {
			float: right;
			width: 100px;
			font-weight: bold;
			margin: 0;
			color: #cdcdcd;
			margin-right: 10px;
		}

		div.inner_navigation a{ color: #414141 !important; }
		div.inner_navigation div.menu { float: left; font-size: 14px; }
			div.inner_navigation div.menu div{ float: left; height: 29px; margin: -1px 0px 0px 0px; padding: 14px 18px 0px 18px; border-right: solid 1px #d6d6d6; border-left: solid 1px #f8f8f8; color: #cdcdcd;  }

			div.inner_navigation .selected{ background: #414141 url(/images/new_layout/menu_selected_bg.jpg) repeat-x bottom center; margin: -1px 0px 0px -1px !important; border-right: solid 1px #2c2c2c !important; border-left: solid 0px #f8f8f8 !important;  }
				div.inner_navigation .selected a{ color: #fff !important; }
		div.inner_navigation div.submenu { float: left; background: url(/images/new_layout/inner_navigation_menu.png) no-repeat; height: 41px; width: 330px; }
				div.inner_navigation div.submenu div{ float: left; height: 41px; cursor: pointer; }
					div.inner_navigation div.submenu img{ width: 100%; height: 41px; }
					div.inner_navigation div.submenu .profile{ width: 85px; }
					div.inner_navigation div.submenu .videos{ width: 78px; }
					div.inner_navigation div.submenu .blog{ width: 81px; }
					div.inner_navigation div.submenu .gallery{ width: 85px; overflow: hidden; }
					
	
	/* Header Bar */
	div.header_bar{ clear: left; background: url(/images/new_layout/header_bar_bg.png) repeat-x; width: inherit; height: 41px; line-height: 41px; }
	div.header_bar .topic{ float: left; font-size: 16px; color: #fff; font-weight: bold; margin-left: 10px; }
	div.header_bar .rightmenu{ float: right; color: #fff; margin-right: 15px;  }
	div.header_bar .rightmenu a{ color: #909090; font-weight: normal; cursor: pointer; }
	div.header_bar .rightmenu a:hover{ color: #fff; font-weight: normal; }
	div.header_bar .rightmenu a.selected{ color: #fff; font-weight: bold; }

	
	/* Event Header Bar */
	div.header_event_bar{ clear: left; background: url(/images/new_layout/event_header_bar_bg.jpg) no-repeat; border-top: solid 1px #4a4a4a; height: 39px; padding: 10px 10px 10px 13px; }
		div.header_event_bar .topic{ float: left; font-size: 18px; color: #fff; font-weight: bold; }
		div.header_event_bar .subline{ clear: left; font-size: 12px; color: #afafaf; font-weight: normal; }
	div.event_image img{ width: 620px; height: 249px; }
	
	
	/* Countdown Header Bar */
	div.header_countdown_bar{ clear: left; background: url(/images/new_layout/event_header_bar_red_bg.jpg) no-repeat; width: 92%; border-top: solid 1px #a93535; height: 39px; padding: 10px 10px 10px 13px; }
		div.header_countdown_bar .topic{ float: left; font-size: 12px; color: #fff; font-weight: bold; }
		div.header_countdown_bar .subline{ float: left; font-size: 12px; color: #fff; font-weight: normal; }
		div.header_countdown_bar .countdown{ clear: left; font-size: 13px; color: #fff; font-weight: normal; }
			div.countdown .big{ font-size: 18px; font-weight: bold; }
	
	
	/* Blogs */
	div.blogflow{ float: left; margin-bottom: 20px; font-family: Verdana;  }
		div.blogflow .blogpost{ margin-bottom: 0px !important; }
		div.blogflow .post{ float: left; width: 496px; padding: 10px 10px 0px 20px; }
		div.blogflow .content{ clear: left; margin: 5px 5px 5px 0px; }
		div.blogflow .bandimage{ float: left; width: 92px; }
		div.blogflow h3{ font-size: 14px; letter-spacing: -1px; font-weight: bold; color: #367ec8; margin-bottom: 0px !important; }
			div.blogflow h3 p{ margin: 0px; color: #9e9e9e; font-weight: 500; }
		div.blogflow .blue{ position: relative; background: #cde3f1; color: #000; border: solid 1px #cde3f1; }
			div.blogflow .blue .arrow{ position: absolute; left: -11px; top: 0px; background: url(/images/new_layout/blog_post_blue_arrow.png) no-repeat; width: 10px; height: 100%; }
		div.blogflow .black{ position: relative; background: #2b2d2c url(/images/new_layout/blog_post_black_bg.jpg) no-repeat bottom; color: #fff; border: solid 1px #2b2d2c; }
			div.blogflow .black .arrow{ position: absolute; left: -10px; top: 0px; background: url(/images/new_layout/blog_post_black_arrow.png) no-repeat; width: 10px; height: 100%; }
		div.blogflow .gray{ position: relative; background: #eeeeee url(/images/new_layout/blog_post_gray_bg.jpg) no-repeat bottom; color: #000; border: solid 1px #d6d6d6; }
			div.blogflow .gray .arrow{ position: absolute; left: -10px; top: 0px; background: url(/images/new_layout/blog_post_gray_arrow.png) no-repeat; width: 10px; height: 100%; }
	
	div.blogpost{ float: left; padding: 10px 19px 20px 19px; margin-bottom: 20px; background-color: #ededed; border: solid 0px #d6d6d6; }
	div.blogpost h2{ font-size: 20px; letter-spacing: -1px; font-weight: normal; margin-bottom: 10px; }

	div.blogpost_holder > div.blogpost:first-child{
		padding-top: 20px;
	}
	
	div.blog_post{ float: left; border-top: solid 6px #333; padding-top: 10px; }
		div.blog_post img{ padding-bottom: 10px; }
		div.blog_post .bottom{ clear: both; padding: 10px; background-color: #afcef4; margin-top: 10px; width: 560px; }
		div.blog_post div { float: left; }
		div.blog_post .comments{ float: right; }
	
	/* rows */
	
	div.row{ float: left; width: 100%; background: #ececec url(/images/new_layout/row_fade_115.png) repeat-x bottom left; margin-top: 1px}
		div.row .inner_row{ line-height: 15px; }
		div.row .icon{ float: right; padding: 23px 10px 10px 10px; width: 20px; }
		div.row div{ float: left; }
			div.row div.fade{ position: relative; }
			div.row .fade img{ margin-top: -1px; }
			div.row div.fade .white{ background: url(/images/new_layout/white_fade.png) no-repeat 50% 50%; position: absolute; top: 0px; left: 0px; 	height: 60px; width: 100%; }	
			div.row div.fade .large_white{ background: url(/images/new_layout/white_fade.png) no-repeat 0px -40px; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }
	
	div.row115{ padding: 2px 5px 5px 5px; }
	div.row60{ padding: 7px 10px 10px 10px; }
	
	
	/* Votes in Progress */
	div.votes_in_progress_holder{ float: left; height: 263px; }
	div.votes_in_progress .row{ float: left; background: #c0d5e4 repeat-x bottom left; width: 100%; }
		div.votes_in_progress .div { float: left; }
		div.votes_in_progress .fade{ float: left; position: relative; }
		div.votes_in_progress .white{ float: left; position: absolute; background: url(/images/new_layout/white_fade.png) no-repeat 40% 50% !important; top: 0px; left: 0px; height: 88px !important; width: 100% !important; }	
		div.votes_in_progress .inner_row{ float: left; margin-top: 30px; width: 170px !important; }
		div.votes_in_progress .image { float: left; width: 23px !important; padding-top: 5px; text-align: center; }
		div.votes_in_progress .howto { float: left; padding-left: 10px; }
	
	div.event_small{ float: left; overflow: auto; height: 347px; width: 100%; }
	div.event_small div.row{ position: relative; float: left; width: 100%; background: #ececec url(/images/new_layout/row_fade_115.png) repeat-x bottom left; }
	div.event_small div.row .inner_row{ line-height: 15px; width: 135px; }
	div.event_small div.row  .icon{ position: absolute; left: 250px; padding: 20px 0px 10px 0px; width: 30px;}
	div.event_small div.row div{ float: left; }
		div.event_small div.row div.fade{ position: relative; }
		div.event_small div.row div.fade .white{ background: url(/images/new_layout/white_fade.png) no-repeat 50% 40%; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }	
	
	
	/* Videos */
	div.video { cursor: pointer; }
		div.video .row_left:hover{ background-color: #cacaca; }
		div.video .row_left{ float: left; width: 50%; margin-top: 1px; background: #ececec url(/images/new_layout/row_fade_115.png) repeat-x bottom left; }
		div.video .row_right:hover{ background-color: #cacaca; }
		div.video .row_right{ float: right; width: 50%; margin-top: 1px; background: #ececec url(/images/new_layout/row_fade_115.png) repeat-x bottom left; }
		div.video .fade{ position: relative; float: left; }
		div.video .white{ background: url(/images/new_layout/white_smallfade.png) no-repeat top left; position: absolute; top: 0px; left: 0px; height: 90px; width: 90px; }	
		div.video .description{ float: left; width: 135px; padding: 15px 10px 10px 10px; height: 40px; overflow: hidden; }
	div#myspace_video{ display: ; }
	div#youtube_video{ display: none; }

	
	/* Gallery */
	div.gallery{ overflow: auto; }
	div.galleryComments{ height: 301px; }
	div.gallery .row{ float: left; width: 100%; background-color: #ececec; margin-top: 1px; }
		div.gallery .fade{ position: relative; }
		div.gallery .white{ background: url(/images/new_layout/white_smallfade.png) no-repeat top left; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }
		div.gallery .fade .large_white{ background: url(/images/new_layout/white_fade.png) no-repeat 0px -20px; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }
		div.gallery .inner_row{ float: left; padding: 8px 10px 10px 0px; width: 177px !important; }
		div.gallery table{ margin-bottom: 10px !important; }

	/* Startpage */
	div.startpage div.row{ float: left; width: 100%; background: #ececec url(/images/new_layout/row_fade_115.png) repeat-x bottom left; margin-top: 1px; }
		div.startpage div.row .inner_row{ line-height: 15px; width: 150px; }
		div.startpage div.row  .icon{ float: right; padding: 25px 5px 10px 5px; width: 30px; }
		div.startpage div.row div{ float: left; }
			div.startpage div.row div.fade{ position: relative; }
			div.startpage div.row div.fade .white{ background: url(/images/new_layout/white_fade.png) no-repeat 50% 50%; position: absolute; top: 0px; left: 0px; 	height: 60px; width: 100%; }	
		div.youtube_holder{ height: 270px; overflow: hidden; }
		div.youtube_holder img{ height: 90px; width: 120px; }
		div.youtube_holder .row{ cursor: pointer; }
	
	div.more_events_holder{ float: left; height: 267px; overflow: hidden; }
	
	/* Event Index */
	div.event_index div.row{ position: relative; float: left; width: 100%; background: #ececec url(/images/new_layout/row_fade_115.png) repeat-x bottom left; }
		div.event_index div.row .inner_row{ line-height: 15px; width: 160px; }
		div#contender_holder div.row .inner_row{ line-height: 15px; width: 180px; }
		div.event_index div.row  .icon{ position: absolute; left: 260px; padding: 20px 5px 10px 0px; width: 30px;}
		div.event_index div.row div{ float: left; }
			div.event_index div.row div.fade{ position: relative; }
			div.event_index div.row div.fade .white{ background: url(/images/new_layout/white_fade.png) no-repeat 50% 40%; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }	

	/* Signup table */
	div.signup_form .topic{ clear: both; margin: 10px; padding-bottom: 10px; border-bottom: solid 1px #c8c8c8; font-weight: bold; }
	div.signup_form .subtopic{ clear: both; margin: 10px; font-weight: bold; }
	div.signup_form .seperate{ border-top: solid 1px #c8c8c8; padding: 10px 0px 0px 0px; font-weight: bold; }
	div.signup_form div.submit{ border-top: solid 1px #c8c8c8; text-align: right; margin: 0px 10px 0px 10px; padding: 15px 10px 15px 0px; font-style: italic; font-weight: bold; }
	div.signup_form .input{ clear: both; margin: 0px 10px 15px 10px; }
		div.signup_form .input img, div.signup_form .input label{ margin-bottom: -5px; padding: 0px 10px 0px 0px; cursor: pointer; }
		div.signup_form .input input{ display: none; }
	div.signup_form table{ margin: 10px; width: 595px;}
	div.signup_form table input{ width: 417px; padding:5px; border: solid 1px #cdcdcd; background: #fff url(/images/new_layout/input_fade.png) top left repeat-x; }
	div.signup_form table textarea{ width: 417px; height: 100px; padding:5px; border: solid 1px #cdcdcd; background: #fff url(/images/new_layout/input_fade.png) top left repeat-x; }
	div.signup_form table select{ padding:5px; border: solid 1px #cdcdcd; }
	div.signup_form > p{ margin: 10px; color: red; font-weight: bold; }
	
	/* Band Admin */
	div.band_admin_bar{ clear: left; background: url(/images/new_layout/event_header_bar_red_bg.jpg) repeat-x top; height: 30px; border-top: solid 1px #a93535; padding: 0px 5px 5px 5px; }
		div.band_admin_bar .topic{ float: left; font-size: 12px; color: #fff; font-weight: bold; }
		div.band_admin_bar .subline{ float: left; font-size: 12px; color: #fff; font-weight: normal; }
	
	div.band_admin .topic{ clear: both; margin: 10px; font-weight: bold; color: #fff;}
	
	/* Banners */
	div.banner{ float: left; padding: 20px 0px 10px 0px; text-align: center; background-color: #ededed; }
			
	/* Tooltip */
	div.tooltip{ position: absolute; top: 0px; left: 0px; background: url(/images/new_layout/tooltip-box.png) no-repeat; width: 200px; height: 70px; padding: 20px 15px 15px 20px; display: none; }
	div.tooltipbox{ float: left; margin-right: 3px; }
	
	/* Image Preview */
	div.image_preview{ margin-bottom: 30px; }
		div.image_preview div.buttons{ text-align: right; padding: 10px; }
		div.image_preview div.image{ overflow: auto; }
		div.image_preview div.band_admin_bar{ padding: 10px 5px 5px 10px; height: 20px; }
	
	/* grid fixes */
	.grid_4 .inner_row{ float: left; }
	.grid_4 .img{ width: 71px; }
	
	.padding4{ padding: 4px; }
	.padding10{ padding: 10px; }
	.margin10{ margin: 10px; }
	.marginTop20{ float: left; padding-top: 20px; }
	div.clear{ clear: both; height: 20px; }
	a, a:visited{ color: #367ec8; text-decoration: none; font-weight: bold; }
	a:hover {text-decoration: underline; }
	
	/* text styles */
	span.published{ font-size: 11px; font-style: italic; color: #aeaeae;}

	/* Colors */
	.blue{ color: #367ec8; }
	.red{ color: #bb2940; }
	.bg_lightblue{ background-color: #c0d5e4; }
	
	/* other boxes */
	div.errormessage{ text-align: center; padding-top: 20px; height: 88px; width: 100%; }
	.error{ background-color: #fa0001 !important; border: dashed 1px #efefef !important; }
	
	/* buttons */
	.btn{ padding: 1px 5px 2px 5px; cursor: pointer; background: url(/images/new_layout/btn_bg.png) repeat-x; color: #fff; font-weight: bold; border-width: 0px; -moz-border-radius: 5px; border-radius: 5px; }
	
	
	.ui-effects-transfer { border: solid 1px #cdcdcd; }
	
/********************************************************************************
*	
* Global
*	
*********************************************************************************/
input.redButton { 
	padding: 1px 5px 2px 5px !important; 
	cursor: pointer !important; 
	background: url(/images/new_layout/btn_bg.png) repeat-x !important; 
	color: #fff !important; 
	font-weight: bold !important; 
	border-width: 0px !important; 
	-moz-border-radius: 5px !important; 
	border-radius: 5px !important; 
}

body{
	background: url(/images/backgrounds/bg_loop.gif);
	/*background: #FFF;*/
	font: normal 12px Helvetica, Arial, Verdana;
	color: #000;
	padding: 0;
	width: 980px;
	margin: 0 auto !important;
}

#body_inner {
	float: left;
	padding: 0;
	position: relative;
	-moz-box-shadow: 0 0 1em #999;
	-webkit-box-shadow: 0 0 1em #999;
}

div.container {
	float: left;
	width: 960px;
	background-color: #fff;
	padding: 20px 10px 20px 10px;
	position: relative;

}

div.footer{ border-top: solid 1px #e0e0e0; padding-top: 15px; color: #b8b8b8; }
	div.footer a{ color: inherit !important; }
	div.footer div.image{ float: left; height: 40px; line-height: 40px; text-align: right; width: 400px; }
	div.footer div.links{ float: right; height: 40px; line-height: 40px; width: 520px;}

.grid_background{
	background-color: #ededed;
}

.text{ padding: 15px; }
.bold { font-weight: bold !important; }

/* Input styles */
table .input{ width: 417px; padding:5px; border: solid 1px #cdcdcd; }
table .select{ padding:5px; border: solid 1px #cdcdcd; }