/*
-------------------------------------------------
*
*	Project:	Red Bull Open Ice 2010
*	File:		structure.css
*
*
	INDEX:
			I: 		Imports
			II: 	Structure
					II-I: 		Home
					II-II: 		News
					II-III: 	Schedule
					II-IV: 		Rules
					II-V: 		Tourney
					II-VI: 		Sign Up
					II- VII: 	Footer

-------------------------------------------------
*/
@charset "UTF-8";

/* --------------------------
	I: Imports

@import 'global.css';
@import 'text.css';
*/
/* --------------------------
	II: Structure
*/
body { zoom:1; }
#wrap {
	height:100%;
	position:relative;
	width:100%;
}
	#rb_corp_header {
		background:url(../images/rb_corp_head_bg.jpg) repeat-x left top;
		height:34px;
		position:relative;
		width:100%;
	}
		.logo {
			background:url(../images/rb_logo.jpg) no-repeat 0 0;
			height:21px;
			left:12px;
			position:relative;
			text-indent:-9999px;
			top:3px;
			width:78px;
		}
		.search {
			position:absolute;
			right:20px;
			top:8px;
		}
			.search form { 
				display:inline-block; 
				#display:inline;
				position:relative;
				top:-5px;
			}
			#search-form-search-right {
				background:url(../images/search_bg.jpg) no-repeat 0 0;
				padding:0 20px 0 47px;
				width:190px;
			}
			.search input[type=text] {
				background:url(../images/search_mid.jpg) no-repeat 0 0;
				border:0 none;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				padding:4px 0 4px 8px;
				width:192px;
			}
		#rb_corp_header ul {
			list-style:none;
			margin:0;
			padding:0;
			position:absolute;
			right:270px;
			top:0;
		}
			#rb_corp_header ul li, #rb_corp_header ul li a {
				display:block;
				#display:inline;
				_displaly:inline-block;
				float:left; #float:none; _float:none;
				margin:4px 12px 0 4px;
				padding:4px 0;
				position:relative;
				text-decoration:none;
				text-transform:uppercase;
			}
			#rb_corp_header ul li {
				color:#C00;
				font-size:18px;
			}
			#rb_corp_header ul li a {
				color:#fff;
				font-size:9px;
				letter-spacing:0.1em;
				top:-3px;
			}
	#content_container {
		height:auto;
		margin:0 auto -85px;
		padding:0;
		position:relative;
		width:1024px;
	}
		#main_nav_container {
			background:url(../images/main_nav_bg.jpg) no-repeat 0 0;
			height:992px;
			float:left;
			margin:0 0 0 45px; _margin:0 0 0 20px;
			position:relative;
			width:155px;
		}
			ul#main_nav {
				list-style:none;
				position:relative;
				top:276px;
				width:100%;
			}
				ul#main_nav li, ul#main_nav li a {
					color:#fff;
					font-size:12px;
					font-stretch:wider;
					font-weight:900;
					text-decoration:none;
					text-transform:uppercase;
				}
				ul#main_nav li a {
					border-top:1px solid #fff;
					display:block;
					letter-spacing:1px;
					margin:0 auto;
					overflow:visible;
					padding:7px 0;
					text-indent:20px;
					width:113px;
				}
				ul#main_nav li {
					background:transparent;
					border:0;
					padding:0 15px;
				}
				ul#main_nav li:last-child a { border-bottom:1px solid #fff; }
			ul#banner-ad {
				list-style:none;
				margin:10px 0 0;
				padding:0;
				width:100%;
			}
				ul#banner-ad li,
				ul#banner-ad li.banner a {
					border:0 !important;
					left:1px;
					margin:0;
					padding:0;
					position:relative;
				}
		img.btm_border { border-bottom:3px solid #000; }
		#infoBox {
			height:222px;
			right:-15px;
			position:absolute;
			top:0;
			z-index:2000;
			width:400px;
		}
				
		/* --------------------------
			II-I: Home
		*/
		#main_content_container {
			float:left; _float:none; #float:none;
			padding:0 0 0 10px;
			position:relative;
			top:77px;
			width:771px;
		}
			#flash {
				border-bottom:4px solid #000;
				height:339px;
				margin:0;
				padding:0;
				position:relative;
				top:0;
				width:766px;
			}
			#content {
				height:484px;
				overflow-x:hidden;
				overflow-y:scroll;
				margin:0;
				padding:0;
				position:relative;
				width:769px;
			}
				hr {
					background:url(../images/vertical_div.gif) no-repeat left top;
					border:0;
					border-top:1px solid #333;
					height:7px;
					margin:5px 0 20px;
					padding:0;
					width:99%;
				}
				hr.long { background:url(../images/hr_long.jpg) no-repeat left top; }
				.left_col_home {
					background:url(../images/col_div.jpg) repeat-y right top;
					height:auto;
					float:left;
					min-height:484px;
					padding:0 17px 30px 0;
					position:relative;
					width:390px;
				}
						.event img {
							border:1px solid #999;
							display:block;
							margin:0 0 15px;
						}
						.e_comments_total a, .n_comments_total a {
							color:#999;
							display:block;
							float:left;
							font-size:10px;
							height:18px;
							line-height:18px;
							text-decoration:none;
							margin:0 12px 0 0;
						}						
						.comment_form textarea {
							border:1px solid #666;
							color:#333;
							float:left;
							font-size:11px;
							height:12px;
							margin:0 -1px 0 0;
							padding:2px;
							position:relative;
							width:224px;
						}
						.comment_form input[type=button].post {
							background:url(../images/submit_comment.jpg) no-repeat left top;
							cursor:pointer;
							float:left;
							height:18px;
							outline:0;
							position:relative;
							width:47px;
						}
						.comment_form input[type=text].author, .comment_form input[type=text].author_short,
						.comment_form input[type=text].author_shorter {
							border:1px solid #666;
							color:#333;
							display:none;
							float:left;
							font-size:11px;
							height:12px;
							margin:0 -1px -28px 0;
							padding:2px;
							position:relative;
							top:-20px;
						}
						.author { width:242px; }
						.author_short { width:224px; }
						.author_shorter { width:164px; }
						.event_comments, .news_comments {
							display:block;
							height:auto;
							margin:0 0 35px;
							overflow:hidden;
						}
				.right_col_home {
					float:left;
					height:auto;
					padding:0 0 0 10px;
					position:relative;
					width:334px;
				}
				.e_comment_block, .n_comment_block {
					background:#e8e8e8;
					display:block;
					margin:10px 0 0;
					padding:11px 4px 11px 13px;
				}
				.e_comment_block { width:370px; }
				.n_comment_block { width:310px; }
				.narrow { width:164px !important; }
				.wide { width:370px !important; }
				.wider { width:100% !important; }
				
		/* --------------------------
			II-II: News
		*/
		#frame {
			height:634px;
			overflow-x:hidden;
			overflow-y:scroll;
			margin:0;
			padding:0;
			position:relative;
			width:780px;
		}
		#wide_left {
			border-right:3px solid #000;
			border-top:1px solid #000;
			float:left;
			min-height:637px;
			padding:0 10px 0 0;
			position:relative;
			width:488px;
		}
			#view_by {}
			#news_block_wide { width:485px; }
				#news_block_wide .img_holder {
					float:right; 
					margin-left:10px;
				}
				.img_holder img { display:block; }
				.img_holder .share_btn {
					background:#005695 url(../images/share.jpg) no-repeat center center;
					height:16px;
					float:left;
					margin:8px 7px 12px 0;
					width:60px;
				}
				#share_bubbles {
					display:block;
					float:left;
					padding:6px 0 0;
					width:105px;
				}
					#fb_bubble, #twt_bubble, #dig_bubble {
						border:0 none;
						cursor:pointer;
						float:left;
						height:31px;
						margin-right:8px;
						outline:0 none;
						width:29px;
					}
					#fb_bubble { background:url(../images/facebook_bubble.jpg) no-repeat 0 0; }
					#twt_bubble { background:url(../images/twitter_bubble.jpg) no-repeat 0 0; }
					#dig_bubble { background:url(../images/digg_bubble.jpg) no-repeat 0 0; margin-right:0; }
				
				.margin-top { margin-top:20px; }
				#news_block_wide hr.thin { margin:0; }
		#narrow_right {
			border-top:1px solid #000;
			height:637px;
			left:511px;
			padding-left:10px;
			position:absolute;
			top:194px;
			width:254px;
		}
		.eventPhoto {
			padding:0 0 8px 0;
			position:relative;
		}
		.tournInfo {
			margin-left:-10px;
			position:relative;
		}
		
		#news_comment_form {
			display:block;
			position:relative;
			width:485px;
		}
		hr+form { top:-8px; }
		.news_add_comment input[type=text] {
			border:1px solid #666;
			color:#333;
			display:block;
			font-size:11px;
			margin:0 0 4px;
			padding:2px 4px;
			width:254px;
		}
		.news_add_comment textarea {
			border:1px solid #666;
			color:#333;
			font-size:11px;
			margin:4px 0 14px;
			padding:2px 4px;
			width:478px;
		}
		.news_add_comment input[type=button] {
			background:#be1e2d url(../images/post_comment.jpg) no-repeat center center;
			border:1px solid #333;
			cursor:pointer;
			float:right;
			height:18px;
			margin:0;
			position:relative;
			right:0;
			text-indent:-9999px;
			width:120px;
		}
		a img.shareLinks {
			float:left;
			margin-right:6px;
			padding:0;
			position:relative;
			top:-15px;
		}
		#more_news h2.news_title { font-size:13px; line-height:16px; padding-right:10px; }
		#more_news a { font-size:11px; line-height:20px; }
		#more_news img { margin:0 8px 10px 0; }
		
		/* --------------------------
			II-III: Schedule
		*/
		#latest_event {
			display:block;
			margin:0 0 30px;
		}
		#latest_event p { line-height:14px; }
		hr.thin {
			background:#333;
			border:0;
			height:1px;
		}
		input[type=button]#waiver {
			background:#be1e2d url(../images/dwnld_waiver.jpg) no-repeat center center;
			border:1px solid #333;
			cursor:default;
			float:left;
			height:13px;
			padding:12px 0 6px;
			position:relative;
			width:139px;
		}
		
		ul#waiver_dropdown {
			background:#fff;
			border:1px solid #333;
			height:14px;
			left:138px;
			list-style:none;
			max-width:240px;
			overflow:hidden;
			padding:2px 8px 2px 2px;
			position:absolute;
			width:auto; #width:200px; _width:200px;
			z-index:100;
		}
			ul#waiver_dropdown li {
				color:#999;
				cursor:pointer;
				display:block;
				font-size:11px;
				font-style:italic;
				list-style:none;
				padding:2px 0 3px 4px;
				width:100%;
			}
			ul#waiver_dropdown li img {
				float:right;
				margin:2px 2px 0 0;
			}
			ul#waiver_dropdown li.dropdown_item { 
				background:#fff;
				color:#333;
				font-style:normal;
			}
			ul#waiver_dropdown li.dropdown_item:hover { background:#eee; }
		
		input[type=button]#directions {
			background:#005695 url(../images/directions.jpg) no-repeat center center;
			border:1px solid #333;
			cursor:pointer;
			float:right;
			height:13px;
			margin:0 8px 0 0;
			padding:12px 0 6px;
			position:relative;
			width:105px;
		}
		#event_table {
			display:block;
			margin:15px 0 0;
			visibility:visible;
		}
			.event_block {
				display:block;
				margin:0;
				padding:8px 0 0;
				width:340px;
			}
				.register {
					background:#be1e2d url(../images/register.jpg) no-repeat center center;
					border:1px solid #333;
					cursor:pointer;
					height:16px;
					position:relative;
					text-indent:-9999px;
					width:80px;
					z-index:20;
				}
				.view_photos {
					background:#005695 url(../images/view_photos.jpg) no-repeat center center;
					border:1px solid #333;
					cursor:pointer;
					height:14px;
					margin:8px 0 3px;
					padding:1px 4px;
					width:84px;
				}
			.left {
				float:left;
				margin:0 75px 0 0;
			}
			.right { float:left; }
		
		/* --------------------------
			II-III: Rules
		*/
		#print_logo { display:none; }
		@media print {
			#print_logo { 
				background:url(../images/rboi_logo_print.jpg) no-repeat 0 0;
				border:0;
				display:block;
				height:177px;
				margin:0;
				outline:0;
				padding:0;
				width:161px;
			}
			#rb_corp_header { display:none; }
			img, #narrow_right { display:none; visibility:hidden; }
			#wide_left { border:0; width:100%; }
			#main_nav_container { display:none; }
			#content_container { margin:0; }
			#infoBox { display:none; }
			#footer_container, #footer_container ul { display:none; }
			#frame { display:block; overflow:visible; }
			input[type=text], input[type=button], input#author { display:none; }
			textarea { display:none; }
			ul#waiver_dropdown { display:none; }
			p.instruct { display:none; }
			ol li, ol li div {
				margin:0;
				padding:0;
				text-indent:0;
			}
			ol li div { display:inline-block; padding:10px 8px; }
			ol li div p.print_num { color:#333; display:inline-block; font-size:18px; margin:0 20px 0 0; }
		}
		h2.rules {
			color:#333;
			font-size:16px;
			padding:0 0 10px;
			text-transform:uppercase;
		}
		input[type=button]#print_rules {
			background:#005695 url(../images/print_rules.jpg) no-repeat center center;
			border:1px solid #333;
			cursor:pointer;
			height:20px;
			left:380px;
			margin:0;
			padding:0;
			position:absolute;
			width:113px;
		}
		ol {
			list-style:none;
			margin:0;
			padding:0;
			width:495px;
		}
			ol li {
				border-top:1px solid #999;
				color:#333;
				font-size:11px;
				font-weight:900;
				line-height:17px;
				margin:0 0 4px;
				padding:4px 0 0;
			}
				li div 			{ padding:18px 0 18px 64px; }
				li div.white 	{ background-color:transparent !important; }
				li div.blue 	{ background-color:#b5dfeb !important; }
				li div#rule_1 	{ background:url(../images/rule_1.gif) no-repeat 0 center; }
				li div#rule_2 	{ background:url(../images/rule_2.gif) no-repeat 0 center; }
				li div#rule_3 	{ background:url(../images/rule_3.gif) no-repeat 0 center; }
				li div#rule_4 	{ background:url(../images/rule_4.gif) no-repeat 0 center; }
				li div#rule_5 	{ background:url(../images/rule_5.gif) no-repeat 0 center; }
				li div#rule_6 	{ background:url(../images/rule_6.gif) no-repeat 0 center; }
				li div#rule_7 	{ background:url(../images/rule_7.gif) no-repeat 0 center; }
				li div#rule_8 	{ background:url(../images/rule_8.gif) no-repeat 0 center; }
				li div#rule_9 	{ background:url(../images/rule_9.gif) no-repeat 0 center; }
				li div#rule_10 	{ background:url(../images/rule_10.gif) no-repeat 0 center; }
				li div#rule_11 	{ background:url(../images/rule_11.gif) no-repeat 0 center; }
				li div#rule_12 	{ background:url(../images/rule_12.gif) no-repeat 0 center; }
				li div#rule_13 	{ background:url(../images/rule_13.gif) no-repeat 0 center; }
				li div#rule_14 	{ background:url(../images/rule_14.gif) no-repeat 0 center; }
		
		/* --------------------------
			II-IV: Tourney
		*/
		#button_container {
			display:block;
			margin:24px 0 0;
			position:relative;
			width:100%;
		}
			#button_container input[type=button] {
				border:1px solid #333;
				cursor:pointer;
				float:right;
				height:18px;
				margin:0;
				text-indent:-9999px;
			}
			#button_container input[type=button]#register {
				background:#be1e2d url(../images/register.jpg) no-repeat center center;
				margin-right:2px;
				width:75px;
			}
			#button_container input[type=button]#view_sched {
				background:#005695 url(../images/view_sched-bracket.jpg) no-repeat center center;
				margin-right:5px;
				width:190px;
			}
		#findEvent {
			background:#005695 url(../images/findEvent.jpg) no-repeat center center;
			border:1px solid #333;
			cursor:pointer;
			height:18px;
			width:235px;
		}
		#dwnld-bracket {
			background:#005695 url(../images/dwnld-bracket.jpg) no-repeat center center;
			border:1px solid #333;
			cursor:pointer;
			height:18px;
			width:235px;
		}
		hr.team_div {
			background:#333;
			border:0;
			height:1px;
			margin:8px 0;
			padding:0;
		}
		.left { float:left; margin-right:2px !important; }
		.right { float:left; /*text-align:right;*/ }
		.team {
			display:block;
			/*margin:2px 0 4px;*/
			padding:1px 1px;
			position:relative;
			width:124px;
		}
			.team p { cursor:pointer; font-size:10px; }
			p.bold { font-weight:900; }
			.team-players {
				background:rgba(25, 25, 25, 0.9); #background:#333; _background:#333;
				color:#fff;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				-moz-box-shadow:0 0 3px #000;
				-webkit-box-shadow:0 0 3px #000;
				display:none;
				padding:4px 2px 4px 8px;
				position:absolute;
				top:-20px;
				width:100px;
				z-index:100;
			}
			.left .team-players { left:105px; }
			.right .team-players { left:-105px; }
				ul.players { list-style:none; }
					ul.players li {
						font-size:12px;
						padding:2px 0;
					}
						.pending { color:#999 !important; font-style:italic; }
						.location { color:#fff; font-style:italic; font-weight:900; }
		
		/* --------------------------
			II-VII: Footer
		*/
		#footer_container {
			display:block;
			margin:0 auto;
			padding:10px 0 0;
			position:relative;
			width:1024px;
			z-index:100;
		}
			#footer_container ul.social_media, #footer_container ul {
				float:left;
				list-style:none;
				position:absolute;
			}
			#footer_container ul.social_media {
				background:url(../images/footer_socialmedia.png) no-repeat left top;
				left:328px;
				/*margin:-25px -20px 0 125px;*/
				padding:23px 0 30px 10px;
				top:-15px;
				width:246px;
			}
			#footer_container ul.footer {
				margin:-2px 0 0 4px;
				right:30px;
				top:10px;
				width:auto;
			}
				ul.social_media li, ul.social_media li a, 
				ul.footer li, ul.footer li a {
					border:0 none;
					color:#000;
					display:inline;
					font-size:10px;
					font-weight:900;
					letter-spacing:1px;
					padding:0;
					text-decoration:none;
					text-indent:0;
					text-transform:uppercase;
				}
				ul.social_media li:after, ul.footer li:after { content:"|"; }
				ul.social_media li:last-child:after, ul.footer li:last-child:after { content:""; }
				ul.social_media li, ul.social_media li a { color:#ffc425; }
				ul.social_media li a { padding:0 8px 0 !important; }
				ul.footer li a { padding:0 6px 0 !important; }
				ul.footer li a.redbull { 
					background:url(../images/redbull-logo.png) no-repeat 6px 0; _background:url(../images/redbull-logo.gif) no-repeat 0 0;
					display:inline-block;
					height:18px;
					text-indent:-9999px;
					position:relative;
					top:-5px;
					width:65px;
				}
				
				
				
		#privacy-policy ul.privacy, #privacy-policy ol.privacy,
		#privacy-policy ul.privacy li, #privacy-policy ol.privacy li {
			border:0;
			color:#333;
			font-size:11px;
			font-weight:100;
			line-height:20px;
			list-style:outside;
			margin-left:25px;
			text-align:justify;
			width:90%;
		}
		#privacy-policy ul.privacy li, #privacy-policy ol.privacy li { text-indent:0px; }
		#privacy-policy ol.privacy li { list-style:outside upper-roman; }
		#privacy-policy ol.sub li { list-style:outside lower-alpha; }
/* --------------------------
	II-VIII: Tweets
*/
.twtr-widget { background:transparent !important; border:0 !important; position:relative; left:-5px; }
		.twtr-doc { background:transparent !important; border:0 !important; }
			.twtr-hd { display:none; }
			.twtr-bd { background:transparent !important; border:0 !important; }
				.twtr-timeline { background:transparent !important; }
				.twtr-widget .twtr-tweet { border:0 !important; margin:0 0 2px; }
					.twtr-tweets { background:transparent !important; }
						.twtr-tweet-wrap { background:transparent !important; }
							.twtr-avatar { display:none; }
							.twtr-tweet-text { background:transparent !important; }
								.twtr-tweet-text p { font-size:11px; }
								.twtr-doc a {
									font-style:italic;
									text-decoration: none;
								}
								.twtr-doc a:hover { text-decoration: underline; }
			.twtr-ft { display:none; }
			
/* --------------------------
	II-IX: Stand Alone
*/
h1#stand-alone {
	background:url(../images/title.png) no-repeat 0 0; _background:url(../images/title.gif) no-repeat 0 0;
	font-size:40px;
	line-height:48px;
	margin:16px 0 6px; _margin:0; #margin:0;
	padding:0 40px 50px 0;
	text-indent:-9999px;
	width:100%;
}
h2.stand-alone-sub-head {
	font-size:24px;
	margin:0 0 16px;
	_padding:0; #padding:0;
}
h3#gallery-ttl {
	background:url(../images/gallery-ttl.png) no-repeat 0 0; _background:url(../images/gallery-ttl.gif) no-repeat 0 0;
	margin:16px 0 2px;
	padding:4px 0;
	text-indent:-9999px;
}
#video-container {
	background:#000;
	float:left;
	height:368px;
	margin:0;
	position:relative;
	width:570px; }
	#video { margin-top:5px; }
	#video-share-box {
		bottom:0; _bottom:8px; #bottom:8px;
		height:38px;
		left:0;
		position:absolute;
		width:100%; }
		#video-share-box img { margin-bottom:-10px; }
#bubble {
	background:rgba(17, 162, 203, 0.9); _background:#0fa2cb; #background:#0fa2cb;
	border:1px solid #000;
	left:610px;
	height:346px;
	padding:10px;
	position:absolute;
	width:140px; }
	.snippet-txt { display:block; }
	.full-txt {
		display:none;
		font-size:11px;
		line-height:13px;
		padding:8px 0;
	}
	.close-bubble {
		cursor:pointer;
		display:none;
		position:absolute;
		right:4px;
		top:10px;
	}
	p.header {
		font-size:14px;
		font-weight:900;
		margin:14px 0 8px;
		padding:0;
		text-transform:uppercase;
	}
	hr.bubble {
		background-image:none !important;
		height:1px;
		margin:0;
		padding:0;
	}
	p.extra-padding { padding:20px 0 40px; }
#images-container { margin:10px 0 0 8px; _margin:6px 0 0 8px; #margin:6px 0 0 8px; }
	#left-arrow, #right-arrow { cursor:pointer; }
	#left-arrow {
		background:url(../images/left-arrow.png) no-repeat 0 0;
		height:90px;
		float:left;
		position:relative;
		top:50px;
		width:16px;
	}
	#right-arrow {
		background:url(../images/right-arrow.png) no-repeat 0 0;
		height:90px;
		float:left;
		left:-5px;
		position:relative;
		top:50px;
		width:16px;
	}
	#image-slide-box {
		height:175px;
		float:left;
		overflow:hidden;
		width:700px; }
		#image-slide-box img {
			border:1px solid #000;
			cursor:pointer;
			float:left;
			margin-right:5px; }
			
			
#overlay {
	background:rgba(0, 0, 0, 0.8); _background:#333; #background:#333;
	display:none;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:10000; }
	#center-img { margin:200px auto; }