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

body {
	background-color: #fdfdf7;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Times, serif;
	font-size: 12px;
	color: #663300;
	}
	

	
	body.allFormats {
		background-color: #fdfdf7 url(../media/images/bgAllFormats.png) top left no-repeat;
		}
	
	body.sdOnly {
		background: #fdfdf7 url(../media/images/bgSdOnly.png)  top left no-repeat;
		}
		
	body.playback {
		background: #fdfdf7 url(../media/images/bgPlayback.png)  top left no-repeat;
		}

a:link {color: #FFFFFF;	text-decoration: none;}	
a:visited {color: #FFFFFF;	text-decoration: none;}	
a:hover {color: #8ecacd;	text-decoration: none;}	
a:active {color: #FFFFFF;	text-decoration: none;}	

.allFormats .container, .sdOnly .container {
	width: 650px;
	margin: 320px 0 0 0;
	}
	
.playback .container {
	width: 650px;
	margin: 240px 0 0 0;
	padding: 0;
	}
	
	.sdRow, .hdRow {
		height: 110px;
		overflow: hidden;
		clear: both;
		}
		
		.sdRow {
			margin: 0 10px 0 10px;
			clear: both;
			}
			
		.hdRow {
			margin: 35px 10px 0 10px;
			clear: both;
			}
			
	.qtCol, .wmCol {
		display: inline;
		height: inherit;
		}
		
		.qtCol {
			width: 245px;
			float: left;
			}
			
		.wmCol {
			width: 345px;
			float: right;
			}
					
	a.button:link, a.button:visited, a.button:hover, a.button:active {
		display: block;
		width: 168px;
		height: 20px;
		text-align: center;
		font-size: 12px;
		line-height: 20px;
		color: #663300;
		text-decoration: none;
		overflow: hidden;
		margin: 0 auto;
		}
		
		a.button:hover {color: #c4161c;font-weight:bold;}
		
table.vidContainer {
	margin: -50px 0 0 0;
	width: 670px;
	}
	
	td {
	width: 100%;
	text-align: center;
	}
	
	a.back:link, .back:visited,.back:hover, .back:active {
		display: block;
		padding: 3px 0 0 0;
		color: #663300;}
		
		a.back:hover {color: #c4161c;}