body, html {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFFFFF;}

.transcription_application {width: 900px; position: relative; margin:45px auto 0 auto; padding: 0 30px;}

.video_header 		{position: relative;}
.video_header .logo {float: left; margin-right: 15px;}
.video_header h1 	{color:#FF0000; font-size: 28px; font-weight: bold; margin: 0;}
.video_header h2 	{color: #555555; font-size: 18px; font-weight: normal; margin: 0;}
.video_header h2 a 	{color: #50BCFA; text-decoration: none;}

.video_header .download_pdf, .video_header .download_helpfile {color: #3399FF; text-decoration: none; font-size: 13px; bottom: 0; position: absolute; background-position: left center; background-repeat: no-repeat; padding-left: 25px;}
.video_header .download_pdf 									{right: 15px; background-image: url('../assets/icon_pdf.gif');}
.video_header .download_helpfile 								{left: 650px; background-image: url('../assets/icon_text.gif');}


#transcription_wrapper	{overflow: hidden; float: left; margin-top: 25px; height: 430px; clear: left; width: 224px; position: relative;}
#transcription			{width: 209px; background: url('../assets/background_transcription.jpg') repeat-y center center; position: absolute;}

#search 			{height: 38px; background: url('../assets/background_search.jpg') no-repeat center center; position: relative;}
#search input 		{background-image: url('none'); border-style: none; background-color: transparent; position: absolute; top: 13px; left: 17px; height: 16px; width: 160px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; outline: 0 none}
#search .go 		{background: url('../assets/button_search.jpg') no-repeat center center; height: 14px; width: 14px; text-indent: -9999px; position: absolute; top: 15px; right: 16px; overflow: hidden;}
#search .go:active	{outline: none;}
#search .go:focus	{-moz-outline-style: none;}

#matches 			{background: url('../assets/background_matches.jpg') no-repeat center center; height: 26px; position: relative;}
#matches .quantity 	{position: absolute; top: 5px; left: 10px; margin: 0; padding: 0;}
#matches .previous 	{background: url('../assets/button_matches_previous.jpg') no-repeat center center; position: absolute; top: 4px; right: 32px; width: 21px; height: 19px;}
#matches .next 		{background: url('../assets/button_matches_next.jpg') no-repeat center center; position: absolute; top: 4px; right: 10px; width: 22px; height: 19px;}

#transcript 				{height: 342px; font-size: 13px; padding: 0 10px; line-height: 17px; overflow-y: scroll; width: 180px; margin-top: 5px; position: relative; color: #555555;letter-spacing:0.2px;}
#transcript span 			{cursor: pointer;}
#transcript .highlight 		{color: #3399FF;}
#transcript .selected 		{background-color: #D8D8D8;}
#transcript .current_line 	{background-color: #FFFF6D;font-weight: bold;letter-spacing:-0.2px;}

#transcription .collapse	{position: absolute; right: -15px; bottom: 0; background: url('../assets/button_collapse.jpg') no-repeat center left; width: 19px; height: 35px}
#transcription .collapsed	{background-image: url('../assets/button_collapsed.jpg');}

#transcription .footer {position: absolute; bottom: -11px; left: 0;}

.caption_wrapper 			{/*margin: 0 auto;*/ width: 620px; height: 60px; padding: 0 10px;}
#caption 					{font-size: 20px; color: #080808; font-weight: normal; text-align: center;}
#caption_button 			{color: #ccc; font-weight: normal; text-decoration: none; padding-left: 41px; background: url('../assets/icon_cc.jpg') no-repeat left center; width: 45px; height: 25px; line-height: 23px; font-size: 14px; display: block;}
#caption_button span 		{color: #3298FE;}
#caption_button:active		{outline: none;}
#caption_button:focus		{-moz-outline-style: none;}
#caption_button.off span.on	{color: #ccc;}
#caption_button.on span.off	{color: #ccc;}

#transcription_player_wrapper {margin: 30px auto 0 auto; text-align: left;}

#linkslist {margin:0; padding:0; list-style:none;}
#linkslist li {display:inline;}
#glossarylinks {margin:10px auto 50px auto; width:800px;}
#glossarylinks a {text-decoration:none; color:#333333;}
#glossarylinks a:hover {text-decoration:underline;}