/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/
#backlight_template * {
padding: 0;
margin: 0;
}

#backlight_template a img, 
#backlight_template img,
#backlight_template  map {
border: none;
outline: none;
}

#backlight_template ul,
#backlight_template li {
list-style: none;
}




@charset "UTF-8";
/* CSS Document */

#bl_tmp_fullpage {
background: #EEE;
}
#bl_tmp_singleview {
background: #EEE;
}
#bl_tmp_singleview #bl_tmp_content h4 {
border-bottom: 1px solid #EEE;
}
#bl_tmp_singleview #bl_tmp_header {
border-bottom: 1px solid #EEE;
}
#backlight_template #bl_tmp_header .bl_tmp_image {
background: #EEE;
}
#backlight_template .bl_tmp_calltoaction a {
background: #EEE;
}
#backlight_template #bl_tmp_footer a {
color: #333;
}

/*
2.1 FULL PAGE LAYOUTS
------------------------------------------
*/
#fullpage {
text-align: center;
padding: 12px;
margin: 0;
}
/*
2.2 SINGLE VIDEO VIEWS
------------------------------------------
*/
#bl_tmp_singleview {
text-align: center;
padding: 12px;
margin: 0;
}
#bl_tmp_singleview #backlight_template #inner {
text-align: center;
padding: 6px;
}
#bl_tmp_singleview #header h1 {
display: block;
padding: 0 12px;
}
#bl_tmp_singleview #content {
width: 480px;
margin: auto;
}
#bl_tmp_singleview #content p,
#bl_tmp_singleview #content h4 {
text-align: left;
margin-top: 6px;
padding: 6px;
}

#bl_tmp_singleview #bl_tmp_header {
margin-bottom: 12px;
text-align: left;
line-height: 24px;
padding: 12px 0 6px 0;

}
#bl_tmp_singleview #bl_tmp_header h1 {
font-size: 18px;
}
/*
3.0 GENERIC HTML ELEMENTS
------------------------------------------
*/

#backlight_template a {
text-decoration: none;
font-weight: bold;
}

#backlight_template a:hover {
text-decoration: underline;
opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70);
}

/*
4.0 CANTALOUPE WRAPPER
------------------------------------------
*/
#backlight_template {
font: 11px/1.3em "Lucida Grande",Verdana,Arial,Helvetica,Geneva,Trebuchet,sans-serif;
width: 712px;
margin: 0 auto;
}


.bl_tmp_class_single_video {
width: 480px !important;
margin: 0 !important;
}

#backlight_template #bl_tmp_inner {
text-align: left;
padding: 6px;
}

.bl_tmp_narrow {
width: 492px !important;
}

/*
5.0 HEADER
------------------------------------------
*/

#backlight_template #bl_tmp_header h1 {
display: none;
}

#backlight_template #bl_tmp_header .bl_tmp_image {
	width: 700px;
	overflow: hidden;
}

#backlight_template.bl_tmp_narrow #bl_tmp_header .bl_tmp_image {
	width: 480px;
}

/*
6.0 CONTENT
------------------------------------------
*/
#backlight_template #bl_tmp_content {
clear: both;
}
#backlight_template #bl_tmp_content .bl_tmp_column {}
/*
6.1 LEFT/RIGHT ALIGNED MAIN CONTENT
------------------------------------------
*/
#backlight_template .bl_tmp_left .bl_tmp_main {
float: left;
width: 486px;
}
#backlight_template .bl_tmp_right .bl_tmp_main {
float: left;
width: 480px;
}
#backlight_template .bl_tmp_center {
text-align: center;
}
#backlight_template .bl_tmp_center .bl_tmp_single {
float: none;
margin: auto;
width: 480px;
text-align: left;
}
/*
6.2 LEFT/RIGHT ALIGNED SIDEBAR CONTENT
------------------------------------------
*/
#backlight_template .bl_tmp_left .bl_tmp_sidebar {
float: left;
width: 214px;
}
#backlight_template .bl_tmp_right .bl_tmp_sidebar {
float: left;
width: 220px;
}
/*
6.3 TOP ALIGNED PLAYLIST CONTENT
------------------------------------------
*/
#backlight_template .bl_tmp_right .bl_tmp_playlist {
width: 212px;
}

#backlight_template .bl_tmp_main .bl_tmp_calltoaction,
#backlight_template .bl_tmp_single .bl_tmp_calltoaction {
width: 480px;
padding-bottom: 0;
}
#backlight_template .bl_tmp_single .bl_tmp_calltoaction {
padding-bottom: 3px;
}
#backlight_template .bl_tmp_main .bl_tmp_calltoaction ul,
#backlight_template .bl_tmp_single .bl_tmp_calltoaction ul {

background: none;
border: none;
}
#backlight_template .bl_tmp_main .bl_tmp_calltoaction li,
#backlight_template .bl_tmp_single .bl_tmp_calltoaction li {}

#backlight_template .bl_tmp_main .bl_tmp_calltoaction a,
#backlight_template .bl_tmp_single .bl_tmp_calltoaction a {

display: block;
width: 226px;
text-align: center;
}

#backlight_template.bl_callToActionLinks_1_count .bl_tmp_main .bl_tmp_calltoaction a,
#backlight_template.bl_callToActionLinks_1_count .bl_tmp_single .bl_tmp_calltoaction a,
#backlight_template.bl_callToActionLinks_3_count .bl_tmp_main .bl_tmp_calltoaction a,
#backlight_template.bl_callToActionLinks_3_count .bl_tmp_single .bl_tmp_calltoaction a,
#backlight_template.bl_callToActionLinks_5_count .bl_tmp_main .bl_tmp_calltoaction a,
#backlight_template.bl_callToActionLinks_5_count .bl_tmp_single .bl_tmp_calltoaction a {
width: 466px;
}

/*
6.4 BOTTOM ALIGNED PLAYLIST CONTENT
------------------------------------------
*/

#backlight_template .bl_tmp_sidebar .bl_tmp_calltoaction {
width: 212px;
padding: 0;
}
#backlight_template .bl_tmp_sidebar .bl_tmp_calltoaction ul {
background: none;
border: none;
}
#backlight_template .bl_tmp_sidebar .bl_tmp_calltoaction li {
float: none;
}
#backlight_template .bl_tmp_sidebar .bl_tmp_calltoaction a {
display: block;
}
/*
7.0 CANTALOUPE CLASSES
------------------------------------------
*/
#backlight_template .bl_tmp_video-player {}
/*
7.1 PLAYLIST
------------------------------------------
*/


#backlight_template .bl_tmp_playlist li {
clear: left;
padding: 6px;
}

#backlight_template .bl_tmp_playlist .bl_tmp_thumb_pad {
float: left;
width:73px;
padding-right: 6px;
}

#backlight_template .bl_tmp_playlist img {
height:37px;
width:67px;
}

#backlight_template .bl_tmp_playlist .bl_tmp_content_pad {
float: left;
}
#backlight_template .bl_tmp_playlist h4.bl_tmp_title {
font-weight: normal;
font-size: 11px;

height: auto;
}
#backlight_template .bl_tmp_playlist p.bl_tmp_description {
font-size: 10px;
}
#backlight_template .bl_tmp_playlist p.bl_tmp_tags {
display: none;
font-size: 10px;
}
#backlight_template .bl_tmp_playlist a.bl_tmp_number {
display: none;
}
/*
7.1.1 PLAYLIST NUMBERED
------------------------------------------
*/
#backlight_template .bl_tmp_numbers ul {
padding: 9px 3px 9px 9px;
}
#backlight_template .bl_tmp_numbers h4.bl_tmp_title {
display: none;
}
#backlight_template .bl_tmp_numbers p.bl_tmp_description {
display: none;
}

#backlight_template .bl_tmp_numbers .bl_tmp_thumb_pad {
display: none;
}
#backlight_template .bl_tmp_numbers .bl_tmp_content_pad {
float: none;
}

#backlight_template .bl_tmp_numbers a.bl_tmp_number {
display: block;
padding: 6px;
width: 12px;
text-align: center;
}
#backlight_template .bl_tmp_numbers li {
clear: none;
float: left;
border: none;
padding: 0 5px 6px 0;
}

#backlight_template .bl_tmp_main .bl_tmp_numbers a.bl_tmp_number,
#backlight_template .bl_tmp_single .bl_tmp_numbers a.bl_tmp_number {
display: inline-block;
padding: 6px;
width: 12px;
text-align: center;
font-size: 11px;
}

/*
7.2 SIDEBAR PLAYLIST
------------------------------------------
*/


#backlight_template .bl_tmp_sidebar .bl_tmp_playlist {
height: 296px;
overflow: auto;
}

#backlight_template.bl_callToActionLinks_1_count .bl_tmp_sidebar .bl_tmp_playlist,
#backlight_template.bl_callToActionLinks_2_count .bl_tmp_sidebar .bl_tmp_playlist {
height: 325px;
}

#backlight_template.bl_callToActionLinks_4_count .bl_tmp_sidebar .bl_tmp_playlist {
height: 351px;
}


#backlight_template.bl_callToActionLinks_3_count .bl_tmp_sidebar .bl_tmp_playlist {
height: 377px;
}

#backlight_template.bl_callToActionLinks_5_count .bl_tmp_sidebar .bl_tmp_playlist {
height: 429px;
}



#backlight_template .bl_tmp_sidebar .bl_tmp_min {
height: 296px !important;
}
#backlight_template .bl_tmp_sidebar .bl_tmp_playlist h4.bl_tmp_title,
#backlight_template .bl_tmp_sidebar .bl_tmp_playlist p.bl_tmp_description,
#backlight_template .bl_tmp_sidebar .bl_tmp_playlist p.bl_tmp_tags {
width: 100px;
}
/*
7.3 MAIN PLAYLIST
------------------------------------------
*/
#backlight_template .bl_tmp_main .bl_tmp_playlist {
width: 480px;
padding-bottom: 0;
margin-top: 6px;
}
#backlight_template .bl_tmp_main .bl_tmp_playlist h4.bl_tmp_title,
#backlight_template .bl_tmp_main .bl_tmp_playlist p.bl_tmp_description,
#backlight_template .bl_tmp_main .bl_tmp_playlist p.bl_tmp_tags,
#backlight_template .bl_tmp_single .bl_tmp_playlist h4.bl_tmp_title,
#backlight_template .bl_tmp_single .bl_tmp_playlist p.bl_tmp_description,
#backlight_template .bl_tmp_single .bl_tmp_playlist p.bl_tmp_tags {
width: 360px;
}

#backlight_template .bl_tmp_main .bl_tmp_vscroll,
#backlight_template .bl_tmp_single .bl_tmp_vscroll {
height: 116px;
overflow: auto;
}

/*
7.4.1 PLAYLIST GALLERY
------------------------------------------
*/
#backlight_template .bl_tmp_gallery {
background: none;
padding-top:6px;
}

#backlight_template .bl_tmp_gallery ul {
padding-bottom:6px;
}

#backlight_template .bl_tmp_gallery .bl_tmp_thumb_pad {
float: none;
margin: 0 auto;
height:41px;
width:67px;
padding-bottom: 4px;
}
#backlight_template .bl_tmp_gallery .bl_tmp_content_pad {
float: none;
margin: 0 auto;
width: auto !important;
text-align:center;
padding: 0 3px 3px 3px;
}

#backlight_template .bl_tmp_gallery img {
height:37px;
width:67px;
}

#backlight_template .bl_tmp_gallery h4.bl_tmp_title {
width: auto !important;
height: 43px;
overflow: hidden;
}

#backlight_template .bl_tmp_gallery p.bl_tmp_description {
display: none;
}

#backlight_template .bl_tmp_gallery a.bl_tmp_number {
display: none;
}
#backlight_template .bl_tmp_gallery li {
clear: none;
float: left;
padding: 0;
margin:0;
text-align:center;

height: 86px;
border: none;
}

#backlight_template .bl_tmp_main .bl_tmp_gallery li,
#backlight_template .bl_tmp_single .bl_tmp_gallery li {
width: 25%;
}

#backlight_template .bl_tmp_sidebar .bl_tmp_gallery li {
width: 50%;
}


/*
7.4.2 PLAYLIST HORIZONTAL
------------------------------------------
*/
#backlight_template .bl_tmp_horizontal {
overflow: auto;
overflow-y: hidden;
-ms-overflow-y: hidden;
}
#backlight_template .bl_tmp_horizontal td {
padding: 6px;
vertical-align: top;
text-align: center;
}
#backlight_template .bl_tmp_horizontal .bl_tmp_pad {
width: 339px;
}


#backlight_template .bl_tmp_main .bl_tmp_horizontal h4.bl_tmp_title,
#backlight_template .bl_tmp_single .bl_tmp_horizontal h4.bl_tmp_title {
width: 135px !important;
height: 43px;
overflow: hidden;
}

#backlight_template .bl_tmp_main .bl_tmp_horizontal p.bl_tmp_description,
#backlight_template .bl_tmp_main .bl_tmp_horizontal p.bl_tmp_tags,
#backlight_template .bl_tmp_single .bl_tmp_horizontal p.bl_tmp_description,
#backlight_template .bl_tmp_single .bl_tmp_horizontal p.bl_tmp_tags {
display: none;
}

#backlight_template .bl_tmp_main .bl_tmp_horizontal img,
#backlight_template .bl_tmp_single .bl_tmp_horizontal img {
width: 135px;
height: 75px;
margin-bottom: 6px;
}

/*
7.4.3 PLAYLIST SIMPLE
------------------------------------------
*/

#backlight_template .bl_tmp_left .bl_tmp_simple {
padding-left: 6px;
}

#backlight_template .bl_tmp_simple {
background: none;
padding-top:6px;
}

#backlight_template .bl_tmp_simple ul {
padding-bottom:6px;
}

#backlight_template .bl_tmp_sidebar .bl_tmp_simple .bl_tmp_thumb_pad {
float: none;
margin: 0 auto;
height:41px;
width:67px;
padding-bottom: 4px;
}

#backlight_template .bl_simple .bl_tmp_content_pad {
float: none;
margin: 0 auto;
width: auto !important;
text-align:center;
padding: 0 3px 3px 3px;
}

#backlight_template .bl_tmp_simple img {
height:37px;
width:67px;
}

#backlight_template .bl_tmp_simple h4.bl_tmp_title {
width: 175px !important;
height: 43px;
overflow: hidden;
}

#backlight_template .bl_tmp_simple p.bl_tmp_description {
display: none;
}

#backlight_template .bl_tmp_simple a.bl_tmp_number {
display: none;
}
#backlight_template .bl_tmp_simple li {
clear: none;
float: none;

margin:0;
text-align:center;

height: 86px;
border: none;
}

#backlight_template .bl_tmp_simple li {
width: 175px;
}


/*
7.5 BASE NAV
------------------------------------------
*/
#backlight_template .bl_tmp_nav {
padding: 6px 0;
}

#backlight_template .bl_tmp_nav li {
float: left;
}
/*
#backlight_template .bl_tmp_nav li a {
display: block;
padding: 6px;
line-height:12px;
}
*/

#backlight_template .bl_tmp_nav li a {
display: block;
line-height:24px;
height: 24px;
padding: 0 6px;
overflow: hidden;
text-align: center;
}

#backlight_template #bl_tmp_header .bl_tmp_nav li a {
width: 126px;
}

#backlight_template.bl_header_nav_1_count #bl_tmp_header .bl_tmp_nav li a {
width: 686px;
}
#backlight_template.bl_header_nav_2_count #bl_tmp_header .bl_tmp_nav li a {
width: 336px;
}
#backlight_template.bl_header_nav_3_count #bl_tmp_header .bl_tmp_nav li a {
width: 219px;
}
#backlight_template.bl_header_nav_4_count #bl_tmp_header .bl_tmp_nav li a {
width: 161px;
}


#backlight_template.bl_tmp_narrow #bl_tmp_header .bl_tmp_nav li a {
width: 146px !important;
}

#backlight_template.bl_header_nav_1_count.bl_tmp_narrow #bl_tmp_header .bl_tmp_nav li a {
width: 466px !important;
}
#backlight_template.bl_header_nav_2_count.bl_tmp_narrow #bl_tmp_header .bl_tmp_nav li a {
width: 226px !important;
}
#backlight_template.bl_header_nav_3_count.bl_tmp_narrow #bl_tmp_header .bl_tmp_nav li a {
width: 146px !important;
}


/*
8.0 FOOTER
------------------------------------------
*/
#backlight_template #bl_tmp_footer {
clear: both;
padding-top:6px;
}
#backlight_template #bl_tmp_footer .pad {
text-align: center;
padding: 6px;
}
#backlight_template #bl_tmp_footer p {
line-height: 12px;
font-size: 10px;
}

/*
9.0 ROUNDED CORNERS
------------------------------------------
*/
#bl_tmp_test{
margin-top: 12px;
width: 500px;
}
#backlight_template b.bl_tmp_top, 
#backlight_template b.bl_tmp_bottom { display:block }
#backlight_template b.bl_tmp_top b, 
#backlight_template b.bl_tmp_bottom b { display: block; overflow: hidden;  background: #999 }
#backlight_template .bl_tmp_middle { background: #999 }
#backlight_template b.bl_tmp_r1 { margin: 0 4px; height: 1px; }
#backlight_template b.bl_tmp_r2 { margin: 0 2px; height: 1px; }
#backlight_template b.bl_tmp_r3 { margin: 0 1px; height: 2px; }
/*
10.0 MISC
------------------------------------------
*/
#backlight_template .bl_tmp_fade {
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
}
#backlight_template .clearfix:after,
#backlight_template .bl_tmp_clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#backlight_template .clearfix,
#backlight_template .bl_tmp_clearfix {display:inline-block;}
/* Hide from IE Mac \*/
#backlight_template .clearfix,
#backlight_template .bl_tmp_clearfix {display:block;}
/* End hide from IE Mac */

#backlight_template {
background: #757373;

border: 2px solid #060606;
}

#backlight_template .bl_tmp_playlist {
background: #757373;
}

#backlight_template .bl_tmp_playlist img {
border: 3px solid #999999;
}

#backlight_template .bl_tmp_playlist li {
border-bottom: 2px solid #FFFFFF;
}

#backlight_template .bl_tmp_nav li a {
border: 1px solid #757373;
background: #EEEEEE;
}

#backlight_template .bl_tmp_playlist a {
color: #FFFFFF;
}
#backlight_template .bl_tmp_playlist a:visited {
color: #FFFFFF;
}

#backlight_template .bl_tmp_playlist p.bl_tmp_description {
color: #030303;
}

#backlight_template .bl_tmp_calltoaction li a {
color: #FFFFFF;
background: #474545;
border-right: none;
border: 1px solid #757373;
}

#backlight_template .bl_tmp_sidebar .bl_tmp_calltoaction a {}

#backlight_template .bl_tmp_calltoaction a:visited {
color: #FFFFFF;
}

#backlight_template #bl_tmp_header .bl_tmp_nav a {
color: #993300;
}


#backlight_template #bl_tmp_header .bl_tmp_nav a:visited {
color: #993300;
}

 #backlight_template .bl_tmp_text {
 color: #333333;
 }
 
 #backlight_template .bl_tmp_numbers a.bl_tmp_number,
 #backlight_template .bl_tmp_numbers a.bl_tmp_number:visited {
background: @PLAYLIST_NUMBER_BACKGROUND_COLOR;
color: @PLAYLIST_NUMBER_FOREGROUND_COLOR;
border: 2px solid @PLAYLIST_NUMBER_BORDER_COLOR;
}

#backlight_template #bl_tmp_header .bl_tmp_image {
background: #EEEEEE;
}

