/* -------------------------------------------------------------- 
  
   Screen Styles: LMA Video Player
   Date: 07.01.10
  
-------------------------------------------------------------- */

@import 'screen/reset.css'; /*Resets browser default settings to give all browsers same starting point*/

/*--=General Styles--*/
body { background:url(../images/video/bg.gif) no-repeat left top #000; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #fff; }

/*--=Image Replacement=--*/
.ir { display: block; text-indent: -5000px;}

/*--=Holder - should be the total width--*/
.holder { width: 500px; margin: 0; }

.float_l { float: left;}
.float_r { float: right;}

.hide { display: none; }

.txt_align_l { text-align: left;}
.txt_align_c { text-align: center;}
.txt_align_r { text-align: right;}

.clear_right { clear:right; }
.clear_both { clear: both; }
.clear { clear: both; margin: 0; padding: 0; visibility: hidden; height: 0;}
.clear_after:after { content: ""; display: block; height: 0; clear: both; }

.bold { font-weight: 700; }

a:focus, a:hover, .video_on { text-decoration:none; color: #fff; }
a { color: #999; text-decoration: none; }

/*--Typography--*/
h1 { color:#fff; font-size:1.6em; font-weight:600; line-height:1.2; float:left; margin:4px 0 0 5px; }
h2 { color: #fff; font-size: 1.4em; margin:0; padding:3px 0 0 25px; font-weight: 600; background:url(../images/video/title_arrow.gif) no-repeat left top; }
h3 { color: #141762; font-size: 1.3em; margin: 10px 0; font-weight: 700; }
h5 { color: #141762; font-size: 1.2em; margin: 25px 0 10px; font-weight: bold; }
p { font-size: 1.2em; margin-bottom: 10px; }

#holder { width:480px; height:560px; margin:10px; }

/*--Header--*/
#header { height: 27px; background:url(../images/video/header_bg.gif) no-repeat left top; }
.choose_channel { float:right; width:100px; margin:7px 10px 0 0; }
#title { background:url(../images/video/title_bg.gif) repeat-x left top; height:30px;}
#videoplayer { width:480px; height:290px; background:#000; }
#player1 { margin:auto 0; }
#player1 p { color:#027a42; }
#playlist { border-top:solid #000 1px; width:480px; height:184px; }
.playlist_title { background:url(../images/video/playlist.gif) no-repeat left top #000; width:19px; height:184px; border-right:solid #000 1px; float:left; }
.video_list { width:460px; height:183px; border-bottom:solid #027a42 1px; overflow:auto; float:right; }
.play_btn { background:url(../images/video/arrow.gif) no-repeat left top; width:21px; }
.date { font-size:1.0em; color:#027a42; width:107px; border-left: 1px solid #373737; padding-left:10px; }
.list_name { width:303px; border-right: 1px solid #101010; }
.list_play_btn { width:20px; }

/*-- Table--*/
.playlist_table { margin:0; padding:0;}
td a { color: #666; }
td a:hover { color: #fff;}
td a.on { color: #fff; text-decoration: underline;}
table   { margin:0; }
th      { font-weight: bold; color:#141762; font-size:1.2em; }
td      { height:26px; background:url(../images/video/list_bg.gif) repeat-x left top; font-size:1.2em; font-weight:600; }
th,td   { padding: 2px; }
tfoot   { font-style: italic; }
caption { background: #f5f5f5; }
table, caption, tbody, tfoot, thead, tr, th, td { vertical-align: middle; }

/*--Footer--*/
#footer { height:54px; padding:0; margin:0; }
#footer p { float: right; text-align:right; color: #999; font-size: 1.2em; margin: 4px 0 0 0; width:325px; }
.lma_logo { background:url(../images/video/lma_logo.gif) no-repeat left top; width:120px; height:54px; float:left; margin-left:20px; }
.barclays { background:url(../images/video/barclays.gif) no-repeat left top; width: 130px; height:32px; float: right; }