@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; font-weight: inherit; font-style: inherit; font-size: 100%;	font-family: inherit; vertical-align: baseline;font-family: Arial, Helvetica, sans-serif; }
p{margin-top: 5px;}

#videoSystemWrapper{width: 490px; height: 180px;margin: 0px auto;}

.playerIframe{float: left; width: 330px; height: 390px; margin: 0px; padding: 0px; border: 0px; background: #fff;}	
	
	#player{margin: 0px; padding: 0px;width: 100%; float: left;}
	#playerInfo{width: 300px; font-size: 12px; padding: 10px 0px; line-height: 1.2em;}
	#playerInfo h2{font-size: 18px; margin-left: 10px;}
	
  
	#colorbar{width: 160px; background: #ededed; vertical-align:middle; margin:0px 0px 0px 0px;float: left;}  
	#colorbar h2{font-size: 18px; padding: 10px 5px; text-transform: uppercase;}  
	
	/* -- CONTENT INSIDE TAB -- */		
		#moreVideos{ background: #fff; font-size: 13px; height: 320px; width: 155px; float: left; border: 1px solid #ededed; overflow-y: scroll;}
		
		#moreVideos ul li{ padding: 10px; font-size: 10px;list-style-type: none; border-bottom: 1px solid #ededed;margin: 0px auto; text-align: center;}
		#moreVideos ul li:hover{background-color: #ededed;}
		#moreVideos ul li img{width: 100px; height: 70px;display: block; margin-bottom: 3px; margin: 0px auto; text-align: center;}
		#moreVideos ul li a{color: #000; text-decoration: none; font-size: 11px; font-weight: bold;}
		#moreVideos ul li a:hover{color: #000;}





hr{clear:both;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px;text-align: center! important; width: 75%;}
.clear{clear:both; height:1px;visibility: none;}