﻿/*move styling to file when checked in*/

        body {
			font-family: Arial, Helvetica, sans-serif;
			/*background-color: #BED2DC;*/
			margin:0;
			color:#FFFFFF;
			font-size: 12px;
		}
		
		a {
			color:#000;
			text-decoration: none;
			outline: none;	/* firefox */
			border:none;	/* IE */
		}
	
		a:hover {
			color: #000;
			text-decoration:underline;
		}
		
		/* ************************************************************************************ */
	
		#topDiv {
			width:620px;
			text-align: left;
			height: 40px;
		}
	
		#menuDiv {
			position:absolute;
			left:30px;
			top:0px;
			background:none;
			width: 350px;
		}
	
		#closeDiv {
			position:absolute;
			right: 30px;
			top:0px;
			background:none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			text-decoration: none;
			vertical-align:top;
		}
		
		#closeDiv a {
			color: #000000;
		}
		
		#closeDiv img {
			vertical-align:text-top;
			margin-left: 5px;
		}
		
		#headerDiv {
			font-size: 24px;
			color:#000;
			margin:5px 0;
		}
		
		#allVideos {
			position:absolute;
			left:0px;
			top:100px;
			width: 480px;
			height: 360px;
			z-index:3;
		}
		
		#flashHolder {
			position: absolute;
			width:480px;
			left:0px;
			top:100px;
			text-align: left;
			z-index:2;
			background:none;
		}
		
		.btnLeft {
			background-repeat: no-repeat;
			width: 2px;
			height: 21px;
			float: left;
			display: table;
			line-height: 1px;
			font-size: 1px;
		}
	
		.btnMiddle {
			background-image: url(http://media.ef.com/_scripts/client/ils/greybox/greybox_menu_bg.gif);
			background-repeat: repeat-x;
			height: 21px;
			text-align: center;
			float: left;
			color: #000000;
		}
	
		.btnSelected {
			background-color:#FFFFFF;
			height: 21px;
			text-align: center;
			float: left;
			color: #000000;
			padding-left: 10px;
			padding-right: 10px;
			vertical-align:middle;
			line-height: 21px;
			font-size: 11px;
			text-decoration: none;
		}
	
		.btnMiddle a {
			color: #000000;
			margin-left: 10px;
			margin-right: 10px;
			vertical-align:middle;
			line-height: 21px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			text-decoration: none;
		}
	
		.btnMiddle a:hover {
			color: #000000;
		}
	
		.btnMiddle a:visited  {
			color: #000000;
		}
	
		.btnRight {
			background-repeat: no-repeat;
			width: 2px;
			height: 21px;
			float: left;
			display: table;
			font-size: 1px;
		}
		
		.closeText {
			display: block;
			float: left;
			margin-top: 4px;
		}

        
        #playerOnly {
            width:621px;
            margin:0 auto;   
        }
        
        .content {
            height:365px;
            width:620px;   
        }
        
        #playerOnly div.HiLoStream {
            height:20px;
            padding-top:12px;
            text-align:center;
            width:620px;
            color:#000;
        }
        
        
        
        #ytvideo,
#ytvideo2 {
}


.yt_holder {
    padding: 10px;
	margin-bottom:15px;
}


.yt_holder ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 580px;
}

.yt_holder ul li {
    list-style-type: none;
    display:block;
    background: #f1f1f1;
    width: 576px;
    margin-bottom: 5px;
	padding:2px;

}

.yt_holder ul li img {
    width: 120px;
    float: left;
    margin-right: 5px;
    border: 1px solid #999;
}

.yt_holder ul li a {
    font-family: georgia;
    text-decoration: none;
    display: block;
    color: #000;
}

.yt_holder .currentvideo {
	background: #e6e6e6;
}
