/* RESET */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* TAGS */

body {
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin: 0 0 0 0;
  z-index: 0;
  background: #E0E9F2;
}

h1 {
  font-size: 30px;
  line-height: 35px;
  text-rendering:optimizeLegibility;
}

h2 {
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  margin-top: 26px;
}

p {
  margin: 12px 0;
}

a {
  color: #666;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


/* LAYOUT */

#page {
  background: url('/images/app/body.png') repeat-x;
  padding-bottom: 1px;
}

#header {
  height: 66px;
  margin: 0 auto;
  width: 950px;
}

#content {
  background: #fff;
  margin: 0 auto;
  width: 950px;
  z-index: 0;
}

#overlay {
  background: url('/images/app/overlay.png') no-repeat top left;
  float: left;
  height: 5px;
  position: absolute;
  width: 950px;
  z-index: 100;
}

#primary {
  float: left;
  margin: 0 0 0 0;
  min-height: 460px;
  padding: 15px 25px 45px 25px;
  width: 570px;
  z-index: 0;
}

#sidebar {
  float: right;
  padding: 30px 25px 45px 25px;
  width: 280px;
  z-index: 0;
}

#footer {
  background: #ccc;
  border-bottom: 1px solid #666;
  clear: both;
  color: #777;
  font-size: 11px;
  margin-bottom: 30px;
  padding: 30px 10px 30px 20px;
}


/* HEADER */

#header img {
  float: left;
  margin-right: 14px;
}

#header #feed {
  float: right;
  display: block;
  margin: 20px 0 0 30px;
}

#header ul li {
  display: block;
  float: left;
  font-size: 18px;
  height: 66px;
  padding: 0;
  text-align: center;
  text-transform: lowercase;
}

#header ul li a {
  background: url('/images/app/header_line.gif') top right no-repeat;
  color: #fff;
  display: block;
  height: 46px;
  padding: 22px 28px 0 28px;
  text-decoration: none;
}

#header ul li a:hover {
   text-decoration: underline;
}

#header ul li a:hover,
#header ul li:last-child a:hover {
   background: url('/images/app/header_line_hover.gif'); 
}

#header ul li:last-child a {
  background: none;
}

#header .hovered {
  background: url('/images/app/header_line_hover.gif');
}

#header .unhovered {
  background: url('/images/app/header_line.gif') top right no-repeat;
}

#what_is_bmi {
  background: #222;
  color: #eee;
  display: none;
  font-size: 18px;
  height: 44px;
  padding: 9px 20px;
  line-height: 20px;
  margin: 0 auto;
  width: 910px;
}

#what_is_bmi a {
  color: #eee;
}

#what_is_bmi .subtle {
}

#primary .sticky h2 a
{ 
}

#what_is_bmi img,
#what_is_bmi_home img {
  cursor: pointer;
  float: right;
  margin: -5px -10px 0 0;
}

#breadcrumb {
	display: none;
}

/* PANELS */

#panels {
  position: absolute;
  width: 100%;
  z-index: 1000001;
}

#panels .container {
  margin: 0 auto;
  width: 950px;
}

#panels .panel {
  background: url('/images/app/header_panel.png') no-repeat bottom center;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 12px;
  padding: 20px 30px;
  width: 302px;
}

#panels .panel h4 {
  font-size: 16px;
}

#panels .panel ul {
  line-height: 24px;
  margin: 12px 0;
}

#panels .panel p {
  line-height: 18px;
}

#panels .panel a {
  color: #fff;
}

#panels .go {
  margin-bottom: -9px;
  margin-left: 5px;
}

#panels .more {
  float: right;
  margin-top: 3px;
}

#panels .separator {
  border-bottom: 1px solid #666;
  margin: 18px -24px 18px -24px;
}

#panels .story {
  margin: 12px 0;
}

#panels .story img {
  float: left;
  margin: 5px 0px 0 0;
}

#panels .story .text {
  margin-left: 110px;
  margin-top: 15px;
}

#panels .story h5 {
  margin: 5px 0 -12px 0;
}

#panels .panel.about {
  margin: 0 0 0 80px;
}

#panels .panel.about #about-links,
#panels .panel.about #about-links a {
   color: #FFF;
}

#panels .panel.about #about-links a {
  text-decoration: underline;
  padding: 0;
  margin: 0 10px 0 0;
}

#panels .panel.about #about-links a:hover {
  text-decoration: none;
}

#panels .panel.join {
  margin: 0 0 0 180px;
}

#panels .panel.join #i_am_small {
  color: #cbcbcb;
  font-size: 22px;
  font-weight: bold;
}

#panels .panel.join .button {
  margin: 6px 0;
}

#panels .panel.login {
  margin: 0 0 0 264px;
}

#panels .panel.login form {
  height: 50px;
}

#panels .panel.login input.username {
  color: #333;
}

#panels .panel.login input.password {
  color: #333;
}

#panels .panel.login .ols_login {
 padding: 10px 0 0 0;
}

#panels .panel.login #verisign {
  float: right;
}

#panels .panel.login #new_users {
 margin-top: 30px;
}

#panels .panel.login #realuser,
#panels .panel.login #realpass {
  width: 150px !important;
}

#panels .panel.creators {
  margin: 0 0 0 358px;
}

#panels .panel.creators #creator_note {
  float: right;
  margin-top: -50px;
}

.creators ul.two_column,
.faq ul.two_column,
.forums ul.two_column {
  float: left;
  margin: 0 5px 0 20px;
  width: 150px;
}

#panels .panel.license {
  margin: 0 0 0 479px;
}

/* phr 4/27/2010
 demoting 'examples' from an id to a class as id is not used uniquely.
 id rule can be deleted when markup rollout is complete
*/

#panels .panel.license .examples,
#panels .panel.license .examples a {
   color: #FFF;
}

#panels .panel.license .examples a {
  text-decoration: underline;
}

#panels .panel.license .examples a:hover {
  text-decoration: none;
}

#panels .panel.video {
  margin: 0 0 0 581px;
}

.video ul.two_column {
  float: left;
  margin: 0 5px 0 25px;
  width: 140px;
}

#panels .panel.whatsnew {
  margin: 0 0 0 85px;
  background: url('/images/app/header_panel_wide.png') no-repeat bottom center;
  padding: 0 0 6px 0;
  width: 664px !important;
}

#panels .panel.whatsnew table {
  background: url('/images/app/header_panel_news.png') no-repeat top center;
  height: 274px;
  width: 664px;
}

#panels .panel.whatsnew table td {
  padding: 0 0 0 20px;
  height: 137px;
  width: 330px;
}

#panels .panel.whatsnew table td h4 {
  margin-top: 20px;
}

#panels .panel.search {
  margin: 0 0 0 497px;
}

#panels .panel.search form {
  margin-bottom: 12px;
}

#panels .panel.search input[type=text],
#panels .panel.search select {
 margin: 5px 0;
 font-size: 120%;
}

/* end phr fixes */

/* AUTOCOMPLETE STYLING FOR LICENSING SEARCH */

#licensing-keywords {
	width: 290px;
	font-size: 120%;
}


#licensingKeywords {
	width: 500px;
	font-size: 120%;
}

.ac_results {
	background-color: #fff;
	color: #333;
	padding: 0px;
	/*border: 1px solid #333;*/
	overflow: hidden;
	/*z-index: 9999 !important;*/
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	/*border-bottom: 2px solid #222;*/
}

.ac_results li {
	/*border-top: 1px solid #222;*/
	margin: 0px !important;
	cursor: default;
	color: #333;
	display: block;
	padding: 4px 5px;
	/* 
	if width will be 100% horizontal scrollbar will appear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not set or set 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/images/ajax/spinner.gif') right center no-repeat;
}

.ac_odd {
	background-color: #e5e5e5;
}

.panel .ac_odd {
	background-color: #666;
}

.panel .ac_results,
#ajax_content .leadgen_content {
	background: #333;
	border-top: 2px solid #111;
	border-bottom: 1px solid #666;
	margin: 18px -24px 0 -24px;
	overflow: hidden;
	position: relative;
	width: 350px !important;
}

#ajaxContent {
	margin-top:-12px;
}

.ac_results,
#ajaxContent .leadgen_content {
	background:#eee;
	border-top: 2px solid #ddd;
/*	overflow: hidden;
	position: relative;*/
	width: 290px;
}

#ajaxContent .leadgen_content p,
#ajax_content .leadgen_content p {
	margin: 1em 24px;
}

.panel .ac_results li, 
#ajax_content .leadgen_content p a,
#ajaxContent .leadgen_content p a {
	display: block;
	margin: 0 -24px;
	outline:0 !important;
	padding: 2px 24px;
	z-index:100;
}

.ac_results li,
.panel .ac_results li {
	padding: 5px 24px;
}

.panel .ac_odd, .panel .ac_even {
	color:#fff;
}

.panel .ac_even {
	background:#444;
}

.ac_over,
#ajax_content .leadgen_content p a:focus,
#ajax_content .leadgen_content p a:hover,
#ajax_content .leadgen_content p a:active,
#ajax_content .leadgen_content p a.focused,
#ajaxContent .leadgen_content p a:focus,
#ajaxContent .leadgen_content p a:hover,
#ajaxContent .leadgen_content p a:active,
#ajaxContent .leadgen_content p a.focused {
	background: #f33 !important;
	color: #fff !important;
	outline:0 !important;
	text-decoration:none;
}
/*
#ajaxContent .leadgen_content p a {
	display: block;
	padding: 5px;
}*/

/* TEXT */

#primary h1 {
}

#primary h2 {
  color: #333;
  font-weight: bold;
}

#primary h2 a {
  color: #333;
}

#primary h2 a:hover {
  color: #3268a6;
  text-decoration: none;
}

#primary h3 {
  color: #333;
  font-size: 16px;
}

#primary h4 {
  color: #333;
  font-size: 14px;
}

#primary h5 {
  color: #333;
  font-size: 12px;
}

#primary p {
  color: #444;
  line-height: 18px;
}

#primary p.intro {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 24px;
}

#primary p.mouse {
  font-size: 9px;
  color: #999;
}

#primary p.mouse a{
  color: #689;
}

#primary p.note {
  color: #666;
}

#primary .doublebank p {
  float: left;
  width: 280px;
  line-height: 10px;
  margin-top: 8px;
  margin-bottom: 0px;
}

#primary img.photo-wrap {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
  float: left;
  margin-right: 20px;
}

#primary img.photo_lead {
  float: left;
  padding: 16px 15px 10px 0;
}

#primary a {
  color: #3268a6;
}

#primary .more_news a {
  border: 1px solid black;
  padding: 4px 5px;
  margin-left: 4px;
  background-color: #eee;
  color: #3268a6;
  opacity: .8;
 }

#primary .more_news a:hover {
  background-color: #3268a6;
  color: white;
  text-decoration: none;
 }
 
 #primary p.diggie,
 #primary div.diggie {
  color: #777;
  float:right;
  margin-top: 0px;
}

#primary .QandA {
  min-height: 400px;
}

#primary .soft_box {
 overflow:hidden;
 height:1%;
 border: 1px solid #eee;
 padding:20px 18px;
 margin-top: 10px;
}

#primary .soft_box p{
 margin:0;
 line-height: 16px;
}

#primary .soft_box img{
 float: left;
 margin-right: 18px;
}



/* SIDEBAR */

/* Temporary style for site review dfbills 04.08.08 needs to be global */

.promo_review {
	font-size: 16px;
}


#sidebar h2 a {
  color: #000;
  text-decoration: none;
}

#sidebar h2 a:hover {
  color: #3268a6;
  text-decoration: none;
}


#sidebar h3 {
  color: #333;
  font-size: 18px;
  font-weight: normal;
  padding-bottom: 10px;
}

#sidebar h3 a {
  color: #333;
  text-decoration: none;
}

#sidebar h3 a:hover {
  color: #3268a6;
  text-decoration: none;
}

#sidebar p {
  color: #444;
  line-height: 16px;
}

#sidebar a {
  color: #3268a6;
}

#sidebar .panel {
  margin-bottom: 50px;
}

#sidebar .panel .date {
  border-top: 1px solid #ccc;
  color: #999;
  font-size: 10px;
  padding-left: 5px;
}

#sidebar .panel h4 {
  color: #111;
  margin-top: 20px;
  margin-bottom: 2px;
  padding-left: 5px;
  padding-top: 20px;
}

#sidebar .panel h4 a {
  color: #444;
  text-decoration: none;
}

#sidebar .panel h4 a:hover {
  color: #3268a6;
}

#sidebar .story {
	font-size: 12px;
	margin-bottom: 10px;
	margin-left: 2px;
}

#sidebar .story h4 {
  line-height: 14px;
  margin-top: 0;
  margin-bottom: 6px;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
}

#sidebar .story .thumb {
 float: left;
 margin-right: 5px; 
}

#sidebar .story .text {
  color: #333;
  line-height: 13px;
}

#sidebar .story .date {
  margin-top: 12px;
  padding-left: 0;
  padding-top: 3px;
}

#sidebar #discounts {
  height: 130px;
  margin-bottom: -10px;
}

#sidebar .feature {
  display: none;
}

#sidebar .active {
  display: block;
}

#sidebar .tweet {
  background: #f3f3f3;
  padding: 5px;
  margin: 0 0 10px 0;
	width: 255px;
}

#sidebar .tweet img {
  float:left;
  margin: 3px 10px 0 0;
  padding: 0;
}

#sidebar .tweet p {
  float:left;
  margin: 0 15px 8px 0;
  color: #555555;
}

#sidebar .tweet_photo {
	width: 48px;
}

#sidebar .tweet-details {
  font-size: 10px;
  color: #aeaeae;
  margin: 0;
  padding: 0;
}

/* SIDEBAR TOGGLE PANELS */

.toggle {
  color: #999;
  float: right;
  font-size: 12px;
  font-weight: normal;
  margin: 2px 10px 0 0;
}

.toggle a {
  color: #fff;
  text-decoration: none;
}

.toggle a:hover {
  text-decoration: underline;
  
}

.panel h6 {
  color: #333;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  margin: 12px 15px 12px 5px;
}

.panel h6:hover {
  color: #666;
  cursor: pointer;
}

.panel .hide {
  display: none;
  margin: 0 16px;
}


/* LISTS */

ul.list li {
  list-style-type: none;
  list-style-image: url('/images/app/icons/list.gif');
}

ul.pdf li {
  list-style-type: none;
  list-style-image: url('/images/app/icons/pdf.gif');
}

ul li.pdf {
  list-style-type: none;
  list-style-image: url('/images/app/icons/pdf.gif');
}

#primary ol {
  list-style-type: decimal;
  margin: 12px 0 12px 20px;
}

#primary ul li,
#primary ol li {
  color: #444;
  line-height: 16px;
  margin: 6px 0;
}

#primary ul.list {
  margin: 12px 0 0 20px;
}

#primary ul.bulleted {
  margin: 12px 0 12px 20px;
  list-style-type: disc;
  list-style-position: outside;
}

#sidebar ol {
  list-style-type: decimal;
  margin-left: 20px;
}

#sidebar ul li,
#sidebar ol li {
  line-height: 16px;
  margin: 8px 0;
}

#sidebar ul li a {
  color: #444;
}

#sidebar ul li.no-link,
#sidebar ol li.no-link {
  color: #b3b3b3;
}

#sidebar ul.disc,
#sidebar ul.list,
#sidebar ul.pdf {
  margin: 12px 0 12px 20px;
}

#sidebar ul.disc li {
  line-height: 24px;
  list-style-type: disc;
}

#sidebar ul.social_icons li img {
  padding-right: 3px;
  vertical-align: middle;
}

#sidebar ul.list.two_column {
  float: left;
  margin: 0 5px 0 20px;
  width: 90px;
}

#sidebar ul.bulleted {
  margin: 12px 0 12px 20px;
  list-style-type: disc;
  list-style-position: outside;
}



.job ul {
  margin: 12px 0 12px 20px;
  list-style-type: disc;
  list-style-position: outside;
}

div .job {
  margin-top: 40px;
}




/* LINES LAYOUT */

body.lines #content {
  background: url('/images/app/content_background.gif') repeat-y #fff;
}

body.lines #sidebar .line {
  margin: 12px -25px 18px -25px;
}


/* ICONS LAYOUT */

body.icons #sidebar {
  margin-top: -3px;
  padding: 30px 0 20px 0;
  width: 330px;
}

body.icons #sidebar div.panel {
  background: url('/images/app/panel.gif') top left no-repeat;
  z-index: 0;
}

body.icons #sidebar .panel .contents {
  margin: 0 5px 0 65px;
}

body.icons #sidebar .panel img.icon {
  float: left;
  margin: 0 5px 0 0;
  z-index: 1;
}

body.icons #sidebar h3 {
  font-size: 30px;
  font-weight: bold;
}

body.icons #sidebar div.panel h3 {
  margin-bottom: 20px;
}

body.icons #sidebar div.panel h3 + p,
body.icons #sidebar div.panel h3 + ul,
body.icons #sidebar div.panel h3 + div {
  margin-top: 0;
}


/* BLOG LAYOUT (extends icons) */

body.blog #primary {
  padding-left: 15px;
}

body.blog #primary h1 {
  margin: 0 0 0 80px;
}

body.blog .slideshow {
  margin-left: 80px;
}


/*WIDE LAYOUT (single wide column) */

body.wide #content {
  background-image:none;
}

body.wide #primary {
  width: 900px !important;
}



/* FOOTER */

#footer a {
  color: #777;
}

#slogan {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 20px 0;
}

#sitemap {
  background: url('/images/app/sitemap.gif');
  height: 70px;
}

#sitemap ul {
  float: left;
  line-height: 1.2em;
  list-style: none;
  margin: 3px 80px 0 0;
}

#sitemap ul li.heading {
  font-weight: bold;
}

#sitemap ul#about_bmi {
  width: 80px !important;
	margin: 3px 0 10px;
}


#searcher {
  float: right;
  padding-left: 20px;
  position: relative;
  width: 170px;
}

#repertoire {
  display: none;
}

#searcher div {
  margin: 3px 0 0 3px;
}

#searcher input[text] {
  font-size: 12px;
  width: 120px;
  display: inline;
  margin-right: 2px;
}
  
#copyright {
  clear: both;
  font-weight: normal;
  line-height: 14px;
  margin-top: 10px;
}

#copyright img {
  float: left;
  margin-bottom: 20px;
  margin-top: 2px;
  margin-right: 10px;
  vertical-align: middle;
}

#copyright span {
  color: #999;
  padding: 0 3px;
}  

#copyright #notice {
  color: #888;
  display: inline;
}


/* ADMIN FOOTER */

#edit_page {
  width: 938px;
  font-size: 13px;
  color: white;
  background-color: #3b5998;
	margin-left: -20px;
	margin-top: 20px;
	padding: 6px;
	margin-bottom: -30px;
}

#edit_page a {
  font-weight: bold;
  color: white;
}

#edit_links {
  clear: both;
  float: right;
  color: white;
}

#admin_user {
  font-weight: bold;
  color: white;
}

#elapsed_time {
  color: #bbf;
  font-size: 10px;
  margin: 0 auto;
  padding: 3px 5px;
  text-align: right;
  width: 940px;
}


/* FAQS */

#faqs h2.hover,
#faqs h2:hover {
  cursor: pointer;
  color: #369;
  text-decoration: underline;
}

#faqs div.answer {
  background: #ddd;
  border: 1px solid #eee;
  margin: 0;
  padding: 0 10px;
}

#faqs ul {
  font-size: 12px;
  color: #444;
  font-weight: normal;
  list-style-type: square;
  list-style-position: outside;
  margin: 12px 0 12px 20px;
}

#faqs h2 {
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  margin: 12px 0;
  cursor: pointer;
}

#faqs h3 {
  font-size: 14px;
  line-height: 16px;
	padding-top: 20px;
}

/* ENTRY PAGES */

.news_section_title {
  padding: 25px 0 5px 0;
  float: left;
}

.share_this {
  padding: 32px 40px 0 0;
  float: right;
}

.categories {
  padding-top: 10px;
}

#primary .category_tag {
  background: transparent url('/images/app/category_bg_left.gif') no-repeat top left;
  height: 20px;
  margin-top: 14px;
  padding-left: 10px;
  float: left;
  margin-right: 10px;
  white-space: nowrap;
}

#primary .category_tag a {
  color: #515151;
  text-decoration: none;
  width: auto;
}

#primary .category_tag a span {
  background: transparent url('/images/app/category_bg_right.gif') no-repeat top right;
  color: #515151;
  display: block;
  padding: 5px 15px 16px 7px;
  text-align: center;
}

/* STORY */

#primary .story {
  margin: 0 0 20px 0;
  padding: 20px 0 0 0;
  width: 570px;
}

#primary .story .thumb {
  float: left;
  margin: 5px 0 0 0;
}

#primary .story img {
float: left;
margin: 9px 15px 15px 0;
}


#primary .story .text {
  margin-left: 80px;
}

#primary .story .date {
  border-top: 1px solid #ccc;
  color: #999;
  margin: -12px 0 0 0;
  padding-top: 10px;
}

#primary .story .event-date {
  color: #999;
  margin: 0 0 5px 0;
  padding-top: 10px;
}

#primary .story h2 {
  color: #111 !important;
  font-weight: normal !important;
  margin-top: 0;
}

#primary .story p {
  line-height: 16px;
  margin: 6px 0 18px 0;
}

#biz-content p.byline,
#primary .story p.byline {
  margin-bottom: 0px;
}


/* FEATURE */

#feature {
  z-index: 0;
}

#feature .images {
  height: 195px;
  width: 950px;
}

#feature .images li {
  display: none;
  position: absolute;
  height: 195px;
  z-index: 1;
}

#feature .images li.active {
  display: inline;
  position: absolute;
  z-index: 3;
}

#feature .labels {
  height: 192px;
  margin-left: 674px;
  overflow: hidden;
  padding: 2px 0 0 0;
  position: absolute;
  width: 275px;
  z-index: 10;
}

#feature .labels li {
  background: url('/images/app/feature/box.png') no-repeat right;
  cursor: pointer;
  height: 47px;
  margin: 0 0 1px 0;
  width: 275px;
}

#feature .labels li.active {
  background: url('/images/app/feature/box_active.png') no-repeat right;
}

#feature .labels li strong {
  color: #222;
  display: block;
  font-weight: normal;
  margin: 1px 0 0 13px;
  padding: 8px 7px 0 7px;
}

#feature .labels li span {
  color: #555;
  display: block;
  font-size: 13px;
  margin: 3px 0 3px 13px;
  padding: 0 7px 0 7px;
}


/* BUTTONS */

.button {
  background: transparent url('/images/app/button_left.png') no-repeat top left;
  height: 35px;
  margin-top: 14px;
  padding-left: 10px;
  width: 185px;
}

.button a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  width: auto;
}

.button a span {
  background: transparent url('/images/app/button_right.png') no-repeat top right;
  color: #fff;
  display: block;
  padding: 10px 12px 16px 0;
  text-align: center;
}

.button a:hover {
  color: #ccc;
  text-decoration: none;
}


.button.inrow {
  float: left;
  width: 172px !important;
  margin-right: 5px;
}

.button.big {
  margin-top: 28px;
  background: transparent url('/images/app/button_left_big.png') no-repeat top left;
  height: 70px;
}

.button.big a {
  font-size: 20px;
}

.button.big a span {
  background: transparent url('/images/app/button_right_big.png') no-repeat top right;
  height: 70px;
}

.button.inrow {
  float: left;
  width: 172px !important;
  margin-right: 5px;
}



/* MISCELLANEOUS */

.brochure {
  float: left;
  margin: 0 10px 5px 0;
}

.clear {
  clear: both;
  height: 0;
}

.clearfix:after { 
  clear: both;
  content: "."; 
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix { 
  display: inline-block; 
}

.item a {
  display: block;
  float: left;
  width: 220px;
}

.line {
  border-bottom: 1px solid #ccc;
  margin-bottom: 12px;
  margin-top: -12px;
}

.person {
  float: left;
  margin-top: 15px;
  margin-bottom: -15px;
  text-align: center;
  width: 135px;
}

table.form td {
  border-collapse: inherit;
  color: #444;
  line-height: 18px;
  padding: 5px;
}

table.with_borders {
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  margin: 12px 0;
}

table.with_borders td,
table.with_borders th {
  border: 1px solid #CCCCCC;
  border-collapse: inherit;
  color: #444;
  line-height: 18px;
  padding: 5px;
}

.slideshow {
  background: url('/images/app/slideshow_wide.gif') top left no-repeat;
  height: 448px;
  margin: 50px 0 20px 0;
  padding: 13px;
  width: 540px;
}

.alert {
  color: #FF0000;
  font-weight:bold;
  font-size:18px;
}


/* DATED LISTS */

.dated_list {
  margin: 20px 20px 20px 8px;
}

.dated_list td {
  line-height: 16px;
  padding: 5px 0;
}

.dated_list td.date {
  padding-right: 12px;
  text-align: right;
  width: 80px;
}

/* BROWSE BY LETTER */

.letter {
width:13px;
float:left;
border: 1px solid #e0e0e0;
padding: 2px;
margin: 3px;
font-size: 15px;
text-align:center;
}

.letter a:hover {
color: #000;
text-decoration: none;
}

.letteron {
width:13px;
float:left;
border: 1px solid #4a4a4a;
padding: 2px;
margin: 3px;
font-size: 15px;
text-align:center;
}


/* TECHNOLOGY TIMELINE */

#timeline {
  background: url('/images/about/timeline_line.gif') repeat-y;
  margin: 12px 0 0 0;
}

#timeline h3 {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: url('/images/about/timeline_station.gif') no-repeat;
  color: #555;
  cursor: pointer;
  font-size: 17px;
  height: 25px;
  overflow: hidden;
  margin: 6px 0;
  padding: 6px 0 0 32px;
  width: 554px;
}

#timeline h3#first_station {
  background: url('/images/about/timeline_first_station.gif') no-repeat;
}

#timeline h3 span {
  color: #333;
  font-weight: normal;
  padding: 0 0 0 10px;
}

#timeline h3 span + span {
  color: #333;
  cursor: pointer;
  display: block;
  float: right;
  height: 23px;
  margin: -2px 6px 0 0;
  padding: 0 !important;
  width: 23px;
}
#timeline h3 span.plus {
  background: url('/images/about/timeline_plus.gif') no-repeat;
}

#timeline h3 span.minus {
  background: url('/images/about/timeline_minus.gif') no-repeat;
}

#timeline ul {
  height: auto;
  margin: 0 0 0 14px;
  overflow: hidden;
}

#timeline ul li {
  background: url('/images/about/timeline_dots.gif') no-repeat top left;
  list-style-type: none;
  margin: 16px 0;
  padding: 0 0 0 70px;
}

#timeline p {
  display: none;
}

#timeline_cap {
  background: url('/images/about/timeline_cap.gif') no-repeat;
  margin: -6px 0 0 0;
  height: 75px;
  width: 21px;
}

/* JOIN/ABOUT PAGE BUTTONS */

p.img_buttons img {
  margin-right: 5px;
}


/* ARTIST AND PHOTO STRIPS */

/* these classes are shared with SW101 */

.photo-lead-frame {
  float: left;
  background-color: #e0e0e0;
  border: 1px solid #c9c9c9;
  margin: 16px 15px 15px 0;
}

.photo-lead-frame img {
  margin: 1px;
}

.photo-lead-frame p {
  color: #515151;
  margin: 1px 5px 0px 5px;
  padding: 0;
  font-size: 11px;
  line-height: 15px !important;
}

.photo {
  float: left;
  background-color: #e0e0e0;
  border: 1px solid #c9c9c9;
  margin: 5px 15px 5px 0;
}

.right {
  float: right;
  margin: 5px 0 5px 15px;
}

.left {
    margin-top: 15px;
}

.photo img {
  margin: 1px;
}

.photo p {
  color: #515151;
  margin: 1px 5px 0px 5px;
  padding: 0;
  font-size: 11px;
  line-height: 15px !important;
}

.photo-frame { 
  background-color: #d5d5d5;
  border: 1px solid #bdbdbd;
  color: #434047;
  font: 11px Verdana;
  margin: 0 0 15px 0;
  vertical-align: 14px;
  width: 450px;
}

.photo-frame-wide { 
  background-color: #d5d5d5;
  border: 1px solid #bdbdbd;
  color: #434047;
  font: 11px Verdana;
  margin: 0 0 15px 0;
  vertical-align: 14px;
  width: 560px;
}

.photo-frame-flex { 
  background-color: #d5d5d5;
  border: 1px solid #bdbdbd;
  color: #434047;
  font: 11px Verdana;
  margin: 0 0 15px 0;
  vertical-align: 14px;
  width: 550px;
}

.photo-frame-flex p {
  margin: 4px;
}


.artist_frame_2 {
  padding-bottom: 10px;
  width: 307px;
  z-index: 100;
}

.artist_frame_2 ul {
  background-color: #d5d5d5;
  border: 1px solid #bdbdbd;
  height: 102px;
}

.artist_frame_2 li {
  color: #434047;
  display: inline;
  float: left;
  font: 11px Verdana;
  list-style: none;
  margin: 0;
  padding: 1px;
  text-align: center;
  width: 150px;
}

.artist_frame_2 li img {
  padding: 0 !important;
  margin: -6px 0 0 0 !important;
}

.artist_frame_3 {
  width: 458px;
  z-index: 100;
}

.artist_frame_3 ul {
  background-color: #d5d5d5;
  border: 1px solid #bdbdbd;
  height: 102px;
}

.artist_frame_3 li { 
  color: #434047;
  display: inline;
  float: left;
  font: 11px Verdana;
  list-style: none;
  margin: 0;
  padding: 0 2px 0 0;
  text-align: center;
  width: 150px;
}

.artist_frame_3 li img {
  margin: -5px 0 0 0 !important;
  padding: 0 !important;
}


/* HEADER IMAGE */

.header_image {
  clear: left;
  padding-bottom: 20px;
}

/* SERVICES BOX */

#services {
  background: #f1f1f1;
  border: 1px solid #ccc;
  float: left;
  margin: 24px 0 -6px 0;
  padding: 8px 8px;
  width: 550px;
}

#services ul {
  list-style-type: none;
  margin: 5px 0 0 0;
  padding: 0;
}

#services h2 {
  list-style-type: none;
  margin: 5px 0 0 0;
  padding: 0;
}

#services ul li {
  display: inline;
  line-height: 24px;
  margin-right: 20px;
}

/* STYLES TO REPLACE TABULAR LAYOUT */

.item {
  margin: 20px 0;
  width: 560px;
}

.item img {
  float: left;
  padding: 0 10px 10px 0;
}

.item p {
  float: left;
  width: 280px;
}

.item p a {
  display: inline;
  float: none;
  width: auto;
}


/* STYLE GUIDE */

#style_nav {
  background: #ccc;
  float: left;
  height: 15px;
  margin: 5px 15px 10px 0;
  padding: 10px;
  width: 570px;
}

#style_nav p {
  display: inline;
  font-size: 14px;
  font-weight: bold;
  margin-right: 15px;
}

#style_guide_nav {
  display: inline;
  margin: 18px 0 !important;
}

#style_guide_nav li {
  display: inline;
  font-size: 14px;
  padding-right: 17px;
}

#style_guide_nav li.active a {
  color: #444;
  font-weight: bold;
  text-decoration: none;
}


/* GENRES HEADER IMAGES */
	/*	also being used in offices and licensing
		consider for future refactoring */

#features.genres {
  background: #333;
  height: 150px;
  z-index: 0;
}

#features.genres .feature {
  display: none;
  float: left;
  position: absolute;
  z-index: 0;
}

#features.genres .feature.active {
  display: block;
  position: absolute;
  z-index: 1;
}


/* SLIDER SLIDESHOW */

.slider .slides {
  background: #000;
  height: 320px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 570px;
  z-index: 0;
}

.slider .slide {
  background: #000 url('/images/slider/spinner.gif') no-repeat center center;
  height: 320px;
  width: 570px;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  position: absolute;
  text-align: center;
  vertical-align: bottom;
  z-index: 0;
}

.slider .slide img {
  float: left;
  z-index: 0;
}

.slider .slide.active_slide {
  z-index: 1;
}

.slider .navigation {
  float: left;
  height: 320px;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  width: 570px;
  z-index: 3;
}

.slider .navigation a.previous,
.slider .navigation a.next {
  background: url('/images/slider/arrows.png') no-repeat;
  opacity: 0;
  height: 54px;
  top: 253px;
  position: absolute;
  width: 52px; 
}

.slider .navigation .previous {
  left: 10px;
}

.slider .navigation .next {
  background-position: -42px 0 !important;
	right: 10px;
}

.slider .navigation .view_photo {
  background: url('/images/slider/view_photo.png') no-repeat center center;
  height: 34px;
  left: 239px;
  opacity: 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 263px;
  width: 90px;
}

.slider .navigation .view_photo span {
  color: #666;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 34px;
  padding-top: 10px;
  text-shadow: #ccc 0px 1px 3px;
  width: 90px;
}

.slider .curtain {
  background: #000 url('/images/slider/spinner.gif') no-repeat center center;
  height: 320px;
  float: left;
  position: absolute;
  width: 570px;
  z-index: 10;
}

.slider .event_name {
  background: #000;
  border-bottom: 1px solid #333;
  color: #fff;
  font-size: 13px;
  height: 12px;
  font-weight: bold;
  overflow: hidden;
  padding: 12px;
  width: 546px;
  white-space: nowrap;
}

.slider .event_name span {
  opacity: 0;
  overflow: hidden;
}

.slider .caption {
  background: #000;
  border-top: 1px solid #333;
  color: #fff;
  font-size: 13px;
  height: 46px;
  overflow: hidden;
  padding: 12px;
  width: 546px;
}

.slider .caption span {
  display: block;
  line-height: 16px;
  opacity: 0;
}

.slider .caption a {
  color: #fff;
  font-size: 12px;
}

.slider .slide_count {
  display: none;
}


/* SHARE THIS */

a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;}


/* MOBILE WEB APP SWITCHER LINK */

#switcher {
  background: #555;
  font-size: 48px;
  height: 100px;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
  width: 100%;
}

#switcher span {
  display: block;
  padding-top: 18px;
}

#switcher span a {
  color: #fff;
  text-decoration: underline;
}


/* don't style phone numbers as links on the desktop site */

#sidebar a.tel {
  color: #444;
  text-decoration: none;
  cursor: text;
}


/* VERSION SELECTOR (for mobile or desktop) */

#version_selector {
  background: #222;
  color: white;
  display: none;
  font-size: 18px;
  margin: 0;
  padding: 150px 0 150px 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 999;
  min-height: 1000px;
}

#version_selector .headline {
  font-size: 64px;
  margin: 0;
  padding: 0;
  margin-bottom: 60px;
}

#version_selector .selection {
  -webkit-border-radius: 30px;
  background: #666;
  border: 5px solid #ccc;
  font-size: 100px;
  line-height: 100px;
  height: 160px;
  margin: 64px 120px;
  padding: 48px 0 0 0;
}

#version_selector .caveat {
  font-size: 40px;
  margin-top: -24px;
}



/* Spanish Translation */

p.alt-language {
  text-align: right;
}

/* VIDEO ENTRY */

#primary .hdvideo_entry,
#primary .video_entry {
  margin: 20px 0 20px 0;
  padding: 10px;
  border: 1px solid #CCCCCC;
  background: #EEEEEE;
  width: 550px;
}

#primary .video_entry .clip {
  float: left;
  margin: 5px 0 0 0;
}

#primary .video_entry .details {
  margin-left: 330px;
  margin-right:10px;
}

#primary .hdvideo_entry .details {
  margin-top: 10px;
}

#primary .hdvideo_entry .details p,
#primary .video_entry .details p {
  border-top: 1px solid #ccc;
  color: #999;
  padding-top: 10px;
}

#primary .hdvideo_entry .details p:last-child {
 margin-bottom: 0px;
}

#primary .hdvideo_entry .date,
#primary .video_entry .date {
  border-top: 1px solid #ccc;
  color: #999;
  margin: -12px 0 0 0;
  padding-top: 10px;
}

#primary .hdvideo_entry h2,
#primary .video_entry h2 {
  color: #111 !important;
  font-weight: normal !important;
  margin-top: 0;
}

#primary .hdvideo_entry p
#primary .video_entry p {
  line-height: 16px;
  margin: 6px 0 18px 0;
}

/* VIDEO CAROUSELS */

.stepcarousel {
  height: 105px; /*Height should enough to fit largest content's height*/
  overflow: hidden; /*leave this value alone*/
  position: relative; /*leave this value alone*/
  width: 570px; /*Width of Carousel Viewer itself*/
}

.stepcarousel .belt{
  left: 0;
  position: absolute; /*leave this value alone*/
  top: 0;
}

#video_carousel {
  margin-bottom: 10px;
  margin-top: 20px;
}

#video_carousel img.thumbnail {
  border: 2px solid #191919;
  float: none;
}

#video_carousel div.overlay {
  float: left;
  margin: 35px 0 0 0px;
  position: absolute;
  text-align: center;
  width: 178px;
  z-index: 1;
}

#video_carousel div.overlay img {
  float:none;
}

.stepcarousel .panel3{ 
  float: left; /*leave this value alone*/
  margin: 0px; /*margin around each panel*/
  margin-right: 0px;
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  width: 570px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.youtube_video {
  float: left; 
  margin-right: 18px;
  width: 178px;
}

.youtube_video.third {
  margin-right: 0px;
}

#video_nav {
  margin-bottom: 20px;
  width:570px;
  float:left;
}

#video_carousel-paginate {
  float: left;
  margin: 2px 0 0 200px;
  text-align: center;
  width: 170px;
}

#more_video {
  display: inline;
  float: right;
  text-align: right;
}

#more_video p{
  display: inline;
  line-height: 1;
  width: 200px;
}


/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 3.0 (jPlayer 2.0.0)
 * Date: 20th December 2010
 */

div.jp-audio,
div.jp-video {

    /* Edit the font-size to counteract inherited font sizing.
     * Eg. 1.25em = 1 / 0.8em
     */

    font-size:1.25em !important;

    font-family:Verdana, Arial, sans-serif;
    line-height:1.6 !important;
    color: #666 !important; 
}
div.jp-audio {
    width:420px;
}
div.jp-video-270p {
    width:480px;
}
div.jp-video-360p {
    width:640px;
}
div.jp-interface {
    position: relative;
    background-color:#eee;
    /* width:418px; */
    width:100%;
    border:1px solid #009be3;
}
div.jp-audio div.jp-playlist {
  border-top: 1px solid #ccc;
}
div.jp-audio div.jp-type-single div.jp-interface {
    height:80px;
    border-bottom:none;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
    height:80px;
}
div.jp-video div.jp-type-single div.jp-interface {
    height:60px;
    border-bottom:none;
}
div.jp-video div.jp-type-playlist div.jp-interface {
    height:60px;
}
div.jp-interface ul.jp-controls {
    list-style-type:none;
    padding:0;
    margin: 0;
}
div.jp-interface ul.jp-controls li {
    /* position: absolute; */
    display:inline;
}
div.jp-interface ul.jp-controls a {
    position: absolute;
    overflow:hidden;
    text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
    width:40px;
    height:40px;
    z-index:1;
}
div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
    top:20px;
    left:40px;
}
div.jp-audio div.jp-type-playlist a.jp-play,
div.jp-audio div.jp-type-playlist a.jp-pause {
    top:20px;
    left:48px;
}
div.jp-video a.jp-play,
div.jp-video a.jp-pause {
    top:15px;
}
div.jp-video-270p div.jp-type-single a.jp-play,
div.jp-video-270p div.jp-type-single a.jp-pause {
    left:195px;
}
div.jp-video-270p div.jp-type-playlist a.jp-play,
div.jp-video-270p div.jp-type-playlist a.jp-pause {
    left:220px;
}
div.jp-video-360p div.jp-type-single a.jp-play,
div.jp-video-360p div.jp-type-single a.jp-pause {
    left:275px;
}
div.jp-video-360p div.jp-type-playlist a.jp-play,
div.jp-video-360p div.jp-type-playlist a.jp-pause {
    left:300px;
}
a.jp-play {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") -41px 0 no-repeat;
}
a.jp-pause {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") 0 -42px no-repeat;
    display: none;
}
a.jp-pause:hover {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") -41px -42px no-repeat;
}
div.jp-audio div.jp-type-single a.jp-stop {
    top:26px;
    left:90px;
}
div.jp-audio div.jp-type-playlist a.jp-stop {
    top:26px;
    left:126px;
}
div.jp-video a.jp-stop {
    top:21px;
}
div.jp-video-270p div.jp-type-single a.jp-stop {
    left:245px;
}
div.jp-video-270p div.jp-type-playlist a.jp-stop {
    left:298px;
}
div.jp-video-360p div.jp-type-single a.jp-stop {
    left:325px;
}
div.jp-video-360p div.jp-type-playlist a.jp-stop {
    left:378px;
}
a.jp-stop {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") 0 -83px no-repeat;
    width:28px;
    height:28px;
    z-index:1;
}
a.jp-stop:hover {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") -29px -83px no-repeat;
}
div.jp-audio div.jp-type-playlist a.jp-previous {
    left:20px;
    top:26px;
}
div.jp-video div.jp-type-playlist a.jp-previous {
    top:21px;
}
div.jp-video-270p div.jp-type-playlist a.jp-previous {
    left:192px;
}
div.jp-video-360p div.jp-type-playlist a.jp-previous {
    left:272px;
}
a.jp-previous {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") 0 -112px no-repeat;
    width:28px;
    height:28px;
}
a.jp-previous:hover {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") -29px -112px no-repeat;
}
div.jp-audio div.jp-type-playlist a.jp-next {
    left:88px;
    top:26px;
}
div.jp-video div.jp-type-playlist a.jp-next {
    top:21px;
}
div.jp-video-270p div.jp-type-playlist a.jp-next {
    left:260px;
}
div.jp-video-360p div.jp-type-playlist a.jp-next {
    left:340px;
}
a.jp-next {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") 0 -141px no-repeat;
    width:28px;
    height:28px;
}
a.jp-next:hover {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") -29px -141px no-repeat;
}
div.jp-progress {
    position: absolute;
    overflow:hidden;
    background-color: #ddd;
}
div.jp-audio div.jp-type-single div.jp-progress {
    top:32px;
    left:130px;
    width:122px;
    height:15px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
    top:32px;
    left:164px;
    width:122px;
    height:15px;
}
div.jp-video div.jp-progress {
    top:0px;
    left:0px;
    width:100%;
    height:10px;
}
div.jp-seek-bar {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") 0 -202px repeat-x;
    width:0px;
    /* height:15px; */
    height:100%;
    cursor: pointer;
}
div.jp-play-bar {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") 0 -218px repeat-x ;
    width:0px;
    /* height:15px; */
    height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
    background: url("//www.bmi.com/images/jplayer/pbar-ani.gif");
}

a.jp-mute,
a.jp-unmute {
    width:18px;
    height:15px;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
    top:32px;
    left:274px;
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
    top:32px;
    left:296px;
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
    top:27px;
}
div.jp-video-270p div.jp-type-single a.jp-mute,
div.jp-video-270p div.jp-type-single a.jp-unmute {
    left:304px;
}
div.jp-video-270p div.jp-type-playlist a.jp-unmute,
div.jp-video-270p div.jp-type-playlist a.jp-mute {
    left:363px;
}
div.jp-video-360p div.jp-type-single a.jp-mute,
div.jp-video-360p div.jp-type-single a.jp-unmute {
    left:384px;
}
div.jp-video-360p div.jp-type-playlist a.jp-mute,
div.jp-video-360p div.jp-type-playlist a.jp-unmute {
    left:443px;
}
a.jp-mute {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") 0 -186px no-repeat;
}
a.jp-mute:hover {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") -19px -170px no-repeat;
}
a.jp-unmute {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") 0 -170px no-repeat;
    display: none;
}
a.jp-unmute:hover {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") -19px -186px no-repeat;
}
div.jp-volume-bar {
    position: absolute;
    overflow:hidden;
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") 0 -250px repeat-x;
    width:46px;
    height:5px;
    cursor: pointer;
}
div.jp-audio div.jp-type-single div.jp-volume-bar {
    top:37px;
    left:302px;
}
div.jp-audio div.jp-type-playlist div.jp-volume-bar {
    top:37px;
    left:324px;
}
div.jp-video div.jp-volume-bar {
    top:32px;
}
div.jp-video-270p div.jp-type-single div.jp-volume-bar {
    left:332px;
}
div.jp-video-270p div.jp-type-playlist div.jp-volume-bar {
    left:391px;
}
div.jp-video-360p div.jp-type-single div.jp-volume-bar {
    left:412px;
}
div.jp-video-360p div.jp-type-playlist div.jp-volume-bar {
    left:471px;
}
div.jp-volume-bar-value {
    background: url("//www.bmi.com/images/jplayer/jplayer.blue.monday.jpg") 0 -256px repeat-x;
    width:0px;
    height:5px;
}
div.jp-current-time,
div.jp-duration {
    position: absolute;
    font-size:.64em;
    font-style:oblique;
}
div.jp-duration {
    text-align: right;
}
div.jp-audio div.jp-type-single div.jp-current-time,
div.jp-audio div.jp-type-single div.jp-duration {
    top:49px;
    left:130px;
    width:122px;
}
div.jp-audio div.jp-type-playlist div.jp-current-time,
div.jp-audio div.jp-type-playlist div.jp-duration {
    top:49px;
    left:164px;
    width:122px;
}
div.jp-video div.jp-current-time,
div.jp-video div.jp-duration {
    top:10px;
    left:0px;
    width:98%;
    padding:0 1%;
}
div.jp-playlist {
    /* width:418px; */
    width:100%;
    background-color:#ccc;
    border:1px solid #009be3;
    border-top:none;
}
div.jp-playlist ul {
    list-style-type:none;
    margin:0;
    padding:0 20px;
    /* background-color:#ccc; */
    /* border:1px solid #009be3; */
    /* border-top:none; */
    /* width:378px; */
    font-size:.72em !important;
}


div.jp-type-single div.jp-playlist li {
    padding:5px 0 5px 20px;
    font-weight:bold;
}
div.jp-type-playlist div.jp-playlist li {
    padding:5px 0 4px 20px;
    border-bottom:1px solid #eee;
}
/*
div.jp-video div.jp-playlist li {
    padding:5px 0 5px 20px;
    font-weight:bold;
}
*/
div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
    padding:5px 0 5px 20px;
    border-bottom:none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    list-style-type:square;
    list-style-position:inside;
    padding-left:8px;
}
div.jp-type-playlist div.jp-playlist a {
    color: #666 !important;
    text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
    color:#0d88c1 !important;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
    color:#0d88c1 !important;
}
div.jp-type-playlist div.jp-playlist div.jp-free-media {
    display:inline;
    margin-left:20px;
}

div.jp-video div.jp-video-play {
    background: transparent url("jplayer.blue.monday.video.play.png") no-repeat center;
    /* position: relative; */
    position: absolute;
    cursor:pointer;
    z-index:2;
}
div.jp-video div.jp-video-play:hover {
    background: transparent url("jplayer.blue.monday.video.play.hover.png") no-repeat center;
}
div.jp-video-270p div.jp-video-play {
    top:-270px;
    width:480px;
    height:270px;
}
div.jp-video-360p div.jp-video-play {
    top:-360px;
    width:640px;
    height:360px;
}
div.jp-jplayer {
    width:0px;
    height:0px;
}
div.jp-video div.jp-jplayer {
    border:1px solid #009be3;
    border-bottom:none;
    z-index:1;
}
div.jp-video-270p div.jp-jplayer {
    width:480px;
    height:270px;
}
div.jp-video-360p div.jp-jplayer {
    width:640px;
    height:360px;
}
div.jp-jplayer {
    background-color: #000000;
}

/* SIDEBAR PLAYER */

#sidebar div.jp-audio {
    width:265px;
}

#sidebar div.jp-interface {
  border: none;
}

#sidebar div.jp-audio div.jp-type-single div.jp-interface {
    border-bottom:none;
}

#sidebar div.jp-audio div.jp-type-playlist div.jp-interface {
    height:120px;
}

#sidebar div.jp-audio div.jp-type-single a.jp-play,
#sidebar div.jp-audio div.jp-type-single a.jp-pause {
    left:82px;
}

#sidebar div.jp-audio div.jp-type-playlist a.jp-play,
#sidebar div.jp-audio div.jp-type-playlist a.jp-pause {
    left:90px;
}

#sidebar div.jp-audio div.jp-type-single a.jp-stop {
    left:132px;
}

#sidebar div.jp-audio div.jp-type-playlist a.jp-stop {
    left:168px;
}

#sidebar div.jp-audio div.jp-type-playlist a.jp-previous {
    left:62px;
}

#sidebar div.jp-audio div.jp-type-playlist a.jp-next {
    left:130px;
}

#sidebar div.jp-audio div.jp-type-playlist div.jp-progress {
    top:82px;
    left:62px;
    width:135px;
}

#sidebar div.jp-audio div.jp-type-playlist a.jp-mute,
#sidebar div.jp-audio div.jp-type-playlist a.jp-unmute {
    top:64px;
    left:62px;
}

#sidebar div.jp-audio div.jp-type-playlist div.jp-volume-bar {
    top:70px;
    left:92px;
}

#sidebar div.jp-audio div.jp-type-playlist div.jp-current-time,
#sidebar div.jp-audio div.jp-type-playlist div.jp-duration {
    top:100px;
    left:62px;
    width:135px;
}

#sidebar div.jp-playlist {
    /* width:418px; */
    width:100%;
    background-color:#ddd;
    border: none;
    border-top:none;
}

#sidebar div.jp-type-playlist div.jp-playlist li {
    padding:5px 0 4px 12px;
}

#sidebar div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
    padding:5px 0 5px 12px;
}

#sidebar div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    padding-left:0px;
}

#sidebar .jp-audio ul li, #sidebar .jp-audio ol li {
  margin:0;
}



/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/stylesheets/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/stylesheets/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/stylesheets/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/stylesheets/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/stylesheets/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/stylesheets/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/stylesheets/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/stylesheets/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/stylesheets/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/stylesheets/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/stylesheets/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/stylesheets/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/stylesheets/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/stylesheets/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/stylesheets/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/stylesheets/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/stylesheets/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/stylesheets/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }