/* main CSS file for mediabomba */

body, div, table, form, img, span, a{
	margin:0;
	padding:0;
	border:0;
	color:#777;
	font-family:Arial}
a{
	color:#4A70B4;
	text-decoration:none}

div#bgmaindiv{
	width:100%;
	background:#fff url('../images_new/head_bg.png') repeat-x}
div#maindiv{
	width:1000px;
	margin:0 auto}

.fullheight{
	height:100%;
	float:left}



/* head */
div#headdiv{
	width:100%;
	height:115px}
	img#logoimg{
		width:263px;
		height:104px;
		float:left;
		margin:10px 0 0 10px}
	
	div#logindiv{
		width:310px;
		height:70px;
		margin:20px 0 0 417px;
		float:left}
	div#logindiv input{
		float:left;
		padding:0;
		border:0}
		div#logininputdiv, div#searchinputdiv{
			width:283px;
			height:28px;
			float:left;
			background:url('../images_new/login_input.png') no-repeat}
		div#searchinputdiv{
			background:url('../images_new/search_input.png') no-repeat}
		div#authorizeddiv{
			width:310px;
			height:28px;
			padding:5px 0 0 0;
			font-size:12px;
			font-weight:bold;
			color:#fff;
			background:url('../images_new/loggedin.png') no-repeat;
			text-align:center;
			}
			div#authorizeddiv a{
				color:#fff;
				text-decoration:underline}
			input#logininput, input#passwordinput, input#searchinput{
				width:98px;
				height:18px;
				margin:5px 0 0 35px}
			input#passwordinput{
				margin-left:44px}
			input#searchinput{
				width:240px}
			input#loginbuttoninput, input#searchbuttoninput{
				width:27px;
				height:28px}
		div#registrationdiv{
			width:310px;
			height:23px;
			float:left}
		span#regspan{
			margin-left:50px;
			font-size:12px}
			span#passreminderspan{
				margin-right:28px;
				font-size:12px;
				float:right}
				span#passreminderspan a{
					font-size:10px}
				span#passreminderspan a:hover{
					color:#f7ae00}
					
		/* top menu */
		div#headmenucontainerdiv{
			width:100%;
			height:40px;
			float:left;
			text-align:center;
			margin-bottom:10px}
		div#headmenudiv{
			height:40px;
			margin-left:150px}
			a#menuitem_broadcasting, a#menuitem_podcasts, a#menuitem_tv, a#menuitem_users{
				display:block;
				height:40px;
				float:left;
				margin-right:50px}
			a#menuitem_broadcasting{
				width:134px;
				background:url('../images_new/menutop_broadcasting.png') no-repeat}
			a#menuitem_broadcasting:hover{
				background:url('../images_new/menutop_broadcasting.png') no-repeat 0px -40px}
			a#menuitem_podcasts{
				width:148px;
				background:url('../images_new/menutop_podcasts.png') no-repeat}
			a#menuitem_podcasts:hover{
				background:url('../images_new/menutop_podcasts.png') no-repeat 0px -40px}
			a#menuitem_tv{
				width:178px;
				background:url('../images_new/menutop_tv.png') no-repeat}
			a#menuitem_tv:hover{
				background:url('../images_new/menutop_tv.png') no-repeat 0px -40px}
			a#menuitem_users{
				width:108px;
				background:url('../images_new/menutop_users.png') no-repeat}
			a#menuitem_users:hover{
				background:url('../images_new/menutop_users.png') no-repeat 0px -40px}



/* main content */
div#contantcontainerdiv{
	width:100%;
	float:left}

div#containerdiv{
	width:100%;
	float:left;
	margin-bottom:10px;}
div#flashcontentdiv{
	width:495px;
	height:279px;
	float:left}
div#infodiv{
	width:500px;
	height:280px;
	margin-left:5px;
	overflow:hidden;
	float:left}
	div#barmainnoticediv{
		width:500px;
		height:34px;
		overflow:hidden;
		float:left}
		div.barleftnoticediv, div.barleftnoticepodcastdiv{
			width:32px;
			height:34px;
			float:left;
			background:url('../images_new/bar_left_notice.png') no-repeat}
		div.barleftnoticepodcastdiv{
			background:url('../images_new/bar_left_notice_podcast.png') no-repeat}
		div.barnoticediv, div.barnoticepodcastdiv{
			width:452px;
			height:34px;
			padding-top:17px;
			float:left;
			background:url('../images_new/bar_orange.png') repeat-x}
		div.barnoticepodcastdiv{
			background:url('../images_new/bar_yellow.png') repeat-x}
			div.noticebuttondiv, div.noticebuttonpodcastdiv{
				height:17px;
				overflow-y:hidden;
				float:left;
				margin-left:5px;
				font-size:12px;
				background:#fdf1cc url('../images_new/notice_left.png') no-repeat}
			div.noticebuttonpodcastdiv{
				background:#fdfbbf url('../images_new/notice_left_podcast.png') no-repeat}
			div.noticebuttondiv_selected{
				background:#fff url('../images_new/notice_left_active.png') no-repeat}
			div.noticebuttonpodcastdiv_selected{
				background:#fff url('../images_new/notice_left_podcast_active.png') no-repeat}
			div.noticebuttonrightdiv, div.noticebuttonrightpodcastdiv{
				height:17px;
				margin-left:8px;
				padding-right:8px;
				float:left;
				background:#fdf1cc url('../images_new/notice_right.png') no-repeat right}
			div.noticebuttonrightpodcastdiv{
				background:#fdfbbf url('../images_new/notice_right_podcast.png') no-repeat right}
				div.noticebuttonrightdiv span, div.noticebuttonrightpodcastdiv span{
					cursor:pointer}
			div.noticebuttonrightdiv_selected{
				background:#fff url('../images_new/notice_right_active.png') no-repeat right}
			div.noticebuttonrightpodcastdiv_selected{
				background:#fff url('../images_new/notice_right_podcast_active.png') no-repeat right}
		div.barrightnoticediv, div.barrightnoticepodcastdiv{
			width:16px;
			height:34px;
			float:left;
			background:url('../images_new/bar_right_orange.png') no-repeat}
		div.barrightnoticepodcastdiv{
			background:url('../images_new/bar_right_yellow.png') no-repeat}
		div#noticetextdiv, div#noticetextpodcastdiv{
			width:468px;
			height:241px;
			float:left;
			margin:5px 16px;
			background-color:#fdf1cc}fdfbbf
		div#noticetextpodcastdiv{
			background-color:#fdfbbf}


div.bannerblockdiv{
	display:none;
	overflow:hidden;
	float:left;
	margin-bottom:10px}
div.bannercontainerdiv {
	margin:0 auto;
	text-align:center}
	div.bannercontainerdiv *{
		display:block;
		text-align:center}
		div.bannercontainerdiv a *{
			margin:0 auto}



/* left menu */

div#leftmenudiv{
	width:255px;
	float:left;
	overflow-x:hidden}
	div.barmenuleftdiv{
		width:32px;
		height:34px;
		float:left}
	div.barmenuregleftdiv{
		background:url('../images_new/bar_reg_left.png') no-repeat}
	div.barmenutvleftdiv{
		background:url('../images_new/bar_tv_left.png') no-repeat}
	div.barmenuthemesleftdiv{
		background:url('../images_new/bar_themes_left.png') no-repeat}
	
	div.barmenumaindiv{
		width:255px;
		height:34px;
		float:left;
		margin-bottom:5px;
		cursor:pointer}
		div.menuleftbartextdiv{
			float:left;
			margin:8px 0 0 8px;
			font-size:14px;
			font-weight:bold;
			color:#fff}
	div#barmenuregmaindiv, div#barmenuuserbarmaindiv{
		background:url('../images_new/bar_green_bg.png') repeat-x}
	div#barmenutvmaindiv{
		background:url('../Images/head_mbtv.png') repeat-x}
	div#barmenuthemesmaindiv{
		width:223px;
		background:url('../images_new/bar_orange.png') repeat-x}
	div.barmenurightdiv{
		width:24px;
		height:34px;
		float:right}
		div.leftmenucontroldiv{
			width:14px;
			height:18px;
			float:left;
			margin-top:8px}
			div.menuarrowdiv{
				width:14px;
				height:8px;
				float:left;
				overflow:hidden}
			div.menuarrowtop{
				margin-bottom:2px}
			div.arrowupactive{
				background:url('../images_new/arrowupactive.png') no-repeat}
			div.arrowdownactive{
				background:url('../images_new/arrowdownactive.png') no-repeat}
			div.arrowupunactive{
				background:url('../images_new/arrowupunactive.png') no-repeat}
			div.arrowdownunactive{
				background:url('../images_new/arrowdownunactive.png') no-repeat}
				
	div.barmenuregrightdiv{
		background:url('../images_new/bar_green_right.png') no-repeat right}
	div.barmenutvrightdiv{
		background:url('../Images/head_right_mbtv.png') no-repeat right}
	div.barmenuthemesrightdiv{
		width:32px;
		float:left;
		background:url('../images_new/bar_rss_orange.png') no-repeat right}
	div.menucontentdiv{
		width:223px;
		float:left;
		margin:0 16px 5px 16px;
		display:none}
		a.regmenuitemlink, a.themesmenuitemlink{
			display:block;
			width:218px;
			float:left;
			margin-bottom:3px;
			padding:3px;
			background-color:#c7f793}
		a.themesmenuitemlink{
			color:#777;
			background-color:#fdf1cc}
		a.regmenuitemlink:hover, a.themesmenuitemlink:hover{
			color:#fff;
			text-decoration:none;
			background-color:#69ba0e}
		a.themesmenuitemlink:hover{
			background-color:#f4a21a}
	div.tvmenuelementdiv{
		width:225px;
		float:left;
		text-align:center;
		margin-bottom:3px;
		padding-bottom:3px;
		overflow:hidden;
		background-color:#fcc}
		div.tvmenuelementtextdiv{
			width:210px;
			height:16px;
			margin:0 auto;
			text-align:center;
			overflow-hidden;
			font-size:12px;
			color:#666}
		div.activetvmenuelementtextdiv{
			color:#fff}
		div.tvmenuelementdiv img{
			margin:0 auto}
	
	
	
div#contentcontainerdiv{
	width:735px;
	float:left;
	margin-left:10px;
	overflow-x:hidden}
	
	
	
	/* broadcasting */
	div.themeblockdiv{
		width:735px;
		float:left}
		div.themebardiv{
			width:735px;
			height:34px;
			float:left;
			margin-bottom:5px;
			background:url('../images_new/bar_right_orange.png') no-repeat top right}
			div.themebarleftdiv{
				width:16px;
				height:34px;
				float:left;
				background:url('../images_new/bar_left_orange.png') no-repeat}
			div.themebarmaindiv{
				width:703px;
				height:34px;
				float:left;
				overflow:hidden;
				background:url('../images_new/bar_orange.png') repeat-x}
				div.themebarmaintextdiv{
					float:left;
					margin-top:8px;
					font-size:16px;
					font-weight:bold;
					color:#fff}
					div.themebarmaintextdiv a, div.themebarmaintextdiv a:hover{
						color:#fff;
						text-decoration:none}
				div.themeelementvideodiv, div.themeelementaudiodiv{
					width:176px;
					height:165px;
					float:left;
					margin:0 0 20px 5px;
					overflow:hidden;
					background-color:#f5dfee}
				div.themeelementaudiodiv{
					background-color:#cdf1fc}
					div.themeelementvideoicondiv, div.themeelementaudioicondiv{
						width:22px;
						height:22px;
						float:left;
						margin:2px;
						background:url('../images_new/video_icon.png') no-repeat}
					div.themeelementaudioicondiv{
						background:url('../images_new/audio_icon.png') no-repeat}
					div.themeelementvideotextdiv, div.themeelementaudiotextdiv{
						float:left;
						margin-top:3px;
						font-size:16px;
						font-weight:bold;
						color:#eb33ab}
					div.themeelementaudiotextdiv{
						color:#00c2ff}
					div.themeelementupdateddiv{
						width:95px;
						height:16px;
						margin:6px 1px 0 0;
						float:right;
						text-align:right;
						overflow:hidden;
						font-size:12px}
					img.themeelementthumbimg{
						width:160px;
						height:90px;
						float:left;
						margin:2px 8px}
					div.themeelementtitlediv{
						width:172px;
						margin:0 2px;
						float:left}
		
		
		
		/* users */
		div.userbardiv{
			width:735px;
			height:34px;
			float:left;
			margin-bottom:10px;
			overflow:hidden;
			background:url('../images_new/bar_green_bg.png') repeat-x}
		div.userbarleftdiv{
			width:32px;
			height:34px;
			float:left;
			background:url('../images_new/bar_reg_left.png') no-repeat top left}
		div.userbarmaindiv{
			width:703px;
			height:34px;
			float:left;
			overflow:hidden}
		div.userprofilemaindiv{
			width:703px;
			margin-left:16px;
			float:left;
			overflow:hidden}
		div.userphotodiv{
			width:210px;
			height:310px;
			float:left;
			margin-right:10px;
			margin-bottom:20px;
			background-color:#c7f793}
		div.userinfodiv{
			width:483px;
			float:left;
			margin-bottom:20px}
			table.userinfotable{
				width:100%}
				table.userinfotable th{
					width:120px;
					text-align:right;
					color:#999}
				table.userinfotable td{
					padding:10px 0 10px 10px;
					color:#5f6b70}
		


/* footer */
div#footermaindiv{
	width:100%;
	height:100px;
	margin-top:20px;
	float:left;
	text-align:center;
	background:#fff url('../images_new/bottom_grad.png') repeat-x}
	div#footerdiv{
		width:1000px;
		height:100%;
		margin:0 auto;
		background:url('../images_new/bottom_logo.png') no-repeat right 6px}
		div#footerdiv a{
			float:left;
			margin:10px;
			font-size:12px}
		div#footerdiv a:hover{
			text-decoration:underline}
	
	
/* auth failed */	
div#messagediv{
	width:100%;
	text-align:center}

/* sort panel css */
div#selectordiv{
	width:735px;
	height:34px;
	float:left;
	margin-bottom:5px;
	overflow:hidden}
	div#selectorleftcornerdiv{
		width:15px;
		height:34px;
		float:left;
		background:url('../images_new/selector_left.png') no-repeat}
	div#selectormaindiv{
		width:702px;
		height:34px;
		float:left;
		padding-top:16px;
		background:url('../images_new/selector_bg.png') repeat-x}
	div#selectorrightcornerdiv{
		width:15px;
		height:34px;
		float:left;
		background:url('../images_new/selector_right.png') no-repeat}
		div.activetabdiv, div.tabdiv{
			width:content;
			height:18px;
			float:left;
			margin:0 2px;
			background-color:#fff}
		div.tabdiv{
			background:url('../images_new/selector_inactive_bg.png') repeat-x}
			div.tableftcornerdiv, div.activetableftcornerdiv, div.tabrightcornerdiv, div.activetabrightcornerdiv{
				width:10px;
				height:18px;
				float:left}
			div.tableftcornerdiv{
				background:url('../images_new/selector_inactive_left.png') no-repeat}
			div.tabrightcornerdiv{
				background:url('../images_new/selector_inactive_right.png') no-repeat}
			div.activetableftcornerdiv{
				background:url('../images_new/selector_active_left.png') no-repeat}
			div.activetabrightcornerdiv{
				background:url('../images_new/selector_active_right.png') no-repeat}
			div.activetabdiv a, div.tabdiv a{
				display:block;
				float:left;
				padding-top:2px;
				text-decoration:none;
				color:#777}
			div.activetabdiv a:hover, div.tabdiv a:hover{
				color:#4a70b4;
				text-decoration:none}
		div.tabmargindiv{
			width:32px;
			height:18px;
			float:left}


/* player code */
div.playlistdiv textarea{
	width:600px;
	height:128px;
	margin:10px auto;
	padding:4px}
	
/* competition */
div#playermaindiv{
	width:608px;
	height:342px;
	float:left;
	margin:10px}
div#descriptiondiv{
	width:372px;
	height:362px;
	float:left;
	margin:10px 0}
div#episodlistdiv{
	width:100%;
	float:left}
	div.competitioneldiv{
		width:20%;
		height:160px;
		float:left;
		text-align:center}
		div.competitionheaderdiv{
			width:100%;
			max-height:28px;
			margin-bottom:4px;
			overflow:hidden;
			font-size:14px;
			font-weight:bold;
			color:#eb33ab}
		img.competitionimg{
			max-width:160px;
			max-height:90px;
			margin:0 auto}
			
/* banners */
div.playerdiv{
	text-align:center}

div.noflashcontainerdiv{
	width:100%;
	text-align:center}
	
div.banneradverline{
	display:none;
	width:100%;
	height:16px;
	float:left;
	text-align:right;
	font-size:10px;
	font-valign:top;
	color:#666;
	background-color:#eaeaea}



div#newplayerdiv *{
	float:left;
	margin-left:16px;
	margin-bottom:5px}
	
div.userblockdiv{
	width:118px;
	height:220px;
	overflow:hidden;
	float:left;
	text-align:center}
	div.userblockdiv *{
		margin-left:auto;
		margin-right:auto}
input.usersearchinput {
	width:223px;
	float:left}