div#layout {
  width: 100%;
  height: 100%;
	/*background-image: url("/images/3colorback.png");*/
  /*background-color: rgb(67,153,197);*/
	/*background-position: -572px 0px;*/
}

#pasteboard {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
}

#threecolortop {
	background: red;
	height: 133px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -999;
}

#threecolorleft {
	background: black;
	width: 2000px;
	height: 130%;
	position: absolute;
	top: 133px;
	right: 500px;
	z-index: -999;
}

#threecolorright {
	background: white;
	width: 1000px;
	height: 130%;
	position: absolute;
	top: 133px;
	left: 0px;
	z-index: -998;
}

.page_body {
    background-color: #f8f8ff;
}

#ie6_message_container {
    display: none;
}

#left_mix_container {
    float: left;
    width: 680px;
}

#right_mix_container {
    float: right;
    width: 294px;
}

#title {
    color: #666666;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

#revision {
    color: #666666;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

#mix_container {
    width: 974px;
    /*background-color: #FFFFFF;*/
    margin-left: auto;
    margin-right: auto;
}

#mixlist {
	background: url("/images/mixlist_empty_background_278.png") no-repeat;
	border: 1px solid rgb(88, 89, 91);
    border-top: 0 solid;
    float: right;
    list-style-type: none;
    margin: 0;
    min-height: 446px;
    padding: 10px 0;
    position: relative;
    width: 276px;
}

#mixlist > li {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

#mixlist.yuimenuitem {
    width: 40px;
}

#mixlist #dragtip {
    background: url("/images/mixlist_dragtip.png") no-repeat;
    margin-top: 20px;
    width: 271px;
    height: 48px;
}

div#tab1{
    background-image: url("<%=YES_URL%>/images/tab_store_disabled_2.png");
    height: 40px;
    width: 185px;
    margin-top: 15px;
    border: none;
    margin-left: 28px;
}

div#tab2{
    background-image: url("<%=YES_URL%>/images/tab_mymix_enabled_2.png");
    height: 41px;
    border-bottom: 1px solid rgb(241, 105, 38);
    margin-top: 19px;
}

#navigation {
    float: right;
    margin-right: 30px;
    margin-top: 85px;
    text-align: left;
    width: auto;
    padding-bottom: 8px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: rgb(0, 122, 147);
	text-decoration: none;
}

#navigation #nav_links {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	text-decoration: none;
}

#nav_links li {
    list-style: none;
    padding: 3px 5px 3px 5px;
    display: inline;
	text-decoration: none;
}

#nav_links li:hover {
    cursor: pointer;
    background-color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: rgb(67,153,197);
	text-decoration: none;
}

#navigation #nav_links li:active {
    cursor: pointer;
    background-color: rgb(155, 36, 63);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    text-decoration: none;
}

#navigation #nav_links a:link {
    color: rgb(0, 122, 147);
    text-decoration: none;
}

#navigation #nav_links a:active {
    color: rgb(0, 122, 147);
    text-decoration: none;
}

#navigation #nav_links a:visited {
    color: rgb(0, 122, 147);
    text-decoration: none;
}

#navigation #nav_links a:hover {
    color: #FFF;
    text-decoration: none;
}

#my_mixes_link {
    position: relative;
}

#my_mixes_link div.count_1 {
    background-image: url("/images/counter_badge_single_digit.png");
    background-repeat: no-repeat;
    color: #fff;
    position: absolute;
    line-height: 22px;
    height: 25px;
    right: -8px;
    text-align: center;
    top: -14px;
    width: 25px;
}

#my_mixes_link div.count_2 {
    background-image: url("/images/counter_badge_double_digit.png");
    background-repeat: no-repeat;
    color: #fff;
    position: absolute;
    line-height: 22px;
    height: 25px;
    right: -20px;
    text-align: center;
    top: -14px;
    width: 35px;
}

#my_mixes_link div.count_3 {
    background-image: url("/images/counter_badge_triple_digit.png");
    background-repeat: no-repeat;
    color: #fff;
    position: absolute;
    line-height: 22px;
    height: 25px;
    right: -11px;
    text-align: center;
    top: -16px;
    width: 46px;
}

#my_mixes_link div.count_4 {
    background-image: url("/images/counter_badge_quadriple_digit.png");
    background-repeat: no-repeat;
    color: #fff;
    position: absolute;
    line-height: 22px;
    height: 25px;
    right: -11px;
    text-align: center;
    top: -17px;
    width: 56px;
}

#menu {
    margin-top: 0px;
    display: inline;
    float: left;
    /*height: 63px;*/
    width: 100%;
    text-align: left;
    background-color: transparent;
    /*background-image: url('/images/header_background.png'); */
}

#menu > div.group_link {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: rgb(0, 122, 147);
    float: left;
    margin-left: 25px;
    background-color: #ebebeb;
    text-align: center;
    padding: 3px 10px 3px 10px;
    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu > div.group_link:hover {
    cursor: pointer;
    border: 1px solid rgb(0, 122, 147);
    background-color: rgb(0, 122, 147);
    color: #FFFFFF;
}

#menu > div.group_link:active {
    cursor: pointer;
    border: 1px solid rgb(155, 36, 63);
    background-color: rgb(155, 36, 63);
    color: #FFFFFF;
}

#menu > div.group_link_selected {
    cursor: pointer;
    background-color: rgb(155, 36, 63);
    border: 1px solid rgb(155, 36, 63);
    color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-left: 25px;
    text-align: center;
    padding: 3px 10px 3px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu #favorites_link {
    position: relative;
}

#menu #favorites_link div.count_1 {
    background-image: url("/images/counter_badge_single_digit.png");
    background-repeat: no-repeat;
    color: #fff;
    position: absolute;
    line-height: 22px;
    height: 25px;
    right: -12px;
    top: -12px;
    width: 25px;
}

#menu #favorites_link div.count_2 {
    background-image: url("/images/counter_badge_double_digit.png");
    background-repeat: no-repeat;
    color: #fff;
    position: absolute;
    line-height: 22px;
    height: 25px;
    right: -17px;
    top: -14px;
    width: 35px;
}

#menu #favorites_link div.count_3 {
    background-image: url("/images/counter_badge_triple_digit.png");
    background-repeat: no-repeat;
    color: #fff;
    position: absolute;
    line-height: 22px;
    height: 25px;
    right: -24px;
    top: -15px;
    width: 46px;
}

#menu #favorites_link div.count_4 {
    background-image: url("/images/counter_badge_quadriple_digit.png");
    background-repeat: no-repeat;
    color: #fff;
    position: absolute;
    line-height: 22px;
    height: 25px;
    right: -29px;
    top: -16px;
    width: 56px;
}

#sub_menu_container {
    clear: both;
    background-image: url('/images/sub_menu_background.png');
    display: inline;
    float: left;
    margin-top: 6px;
    width: 100%;
    height: 24px;
    border-top: 1px solid #111;
}

#sub_menu {
    display: inline;
    float: left;
    border: none;
    padding-left: 8px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

#sub_menu .yui-carousel-element li {
    height: 16px;
    width: 950px;
    outline: none;
}

#sub_menu .item {
    padding-top: 4px;
    overflow: hidden;
    text-align: left;
    display: inline;
    cursor: pointer;
    border: none;
    float: left;
}

#sub_menu .group_link {
    color: rgb(0, 122, 147);
    padding: 0 6px 0 6px;
}

#sub_menu .group_link_selected {
    padding: 0 6px 0 6px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(155, 36, 63);
}

#sub_menu .group_link:hover {
    color: #fff;
    background-color: rgb(0, 122, 147);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

#sub_menu .group_link_selected:hover {
    padding: 0 6px 0 6px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(155, 36, 63);
}

#sub_menu .yui-carousel-nav {
    visibility: hidden;
}

#sub_menu .yui-carousel-nav form {
    visibility: hidden;
}

#sub_menu .yui-carousel-nav span {
    visibility: hidden;
}

#menubar .yuimenubaritemlabel {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 31px;
    color: rgb(0, 122, 147);
    cursor: pointer;
}

#menubar .yuimenuitemlabel {
    cursor: pointer;
}

#menubar_container {
    padding-top: 6px;
    clear: both;
}

#banner_box {
    margin-top: 1px;
    width: 974px;
    background: url('/images/banner_section_background.png') repeat-x;
    border-bottom: 1px solid rgb(128, 128, 128);
}

#banner_box.expanded {
    padding-top: 11px;
    padding-bottom: 11px;
}

#banner_box.collapsed {
    padding-top: 0;
    padding-bottom: 0;
}

#banner_container {
    width: 943px;
    height: 240px;
    margin: 0 auto 0 auto;
    position: relative;
    overflow: hidden;
}

#banner_container #corner_tl {
    background-image: url('/images/corner_mask_tl.png');
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 0;
}

#banner_container #corner_tr {
    background-image: url('/images/corner_mask_tr.png');
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 0;
}

#banner_container #corner_bl {
    background-image: url('/images/corner_mask_bl.png');
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#banner_container #corner_br {
    background-image: url('/images/corner_mask_br.png');
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 0;
    right: 0;
}

#banner_container img {
    display: block;
    border: 0 none;
}

#banner_container_main_banner {
    height: 240px;
    position: relative;
    width: 693px;
}

#banner_container_main_banner a {
    position: absolute;
    left: 0;
    top: 0;
    width: 693px;
    height: 240px;
}

#banner_container_main_banner a.large_banner_image {
    width: 693px;
    height: 240px;
}

#banner_container_right_container {
    width: 250px;
    height: 240px;
    overflow: hidden;
    top: 0;
    right: 0;
    position: absolute;
}

#banner_container_small_banners {
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
}

#banner_container_small_banners a {
    width: 250px;
    height: 80px;
    position: relative;
    display: block;
}

#next_banner_button {
    opacity: 0;
    position: absolute;
    right: 108px;
    bottom: 5px;
    width: 26px;
    height: 26px;
    background: url("/images/down_arrow.png") top left no-repeat;
    border: 0 none;
    cursor: pointer;
}

#banner_hide_button {
    background: url("/images/banner_tab.png") repeat-x 0 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: center;
    cursor: pointer;
    width: 130px;
    position: absolute;
    bottom: 0;
    left: 406px;
    color: #555;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    border-top: 1px solid rgb(128, 128, 128);
    border-left: 1px solid rgb(128, 128, 128);
    border-right: 1px solid rgb(128, 128, 128);
}

#banner_hide_button:hover {
    background: url('/images/banner_tab.png') repeat-x 0 -18px;
    color: rgb(0, 122, 147);
    border-top: 1px solid rgb(0, 122, 147);
    border-left: 1px solid rgb(0, 122, 147);
    border-right: 1px solid rgb(0, 122, 147);
}

#banner_show_button.expanded {

}

#banner_show_button.collapsed {
    background: url('/images/banner_tab.png') repeat-x 0 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-left: 422px;
    text-align: center;
    padding-top: 2px;
    width: 130px;
    height: 16px;
    margin-bottom: 4px;
    cursor: pointer;
    color: #555;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: 1px solid rgb(128, 128, 128);
    border-left: 1px solid rgb(128, 128, 128);
    border-right: 1px solid rgb(128, 128, 128);
}

#banner_show_button.collapsed:hover {
    background: url('/images/banner_tab.png') repeat-x 0 -18px;
    color: rgb(0, 122, 147);
    border-bottom: 1px solid rgb(0, 122, 147);
    border-left: 1px solid rgb(0, 122, 147);
    border-right: 1px solid rgb(0, 122, 147);
}

#bpm_panel {
    overflow: hidden;
    visibility: hidden;
    height: 0;
		width: 200px;
}

.bpm_range_string {
    width: 90px;
    text-align: center;
}

.bpm_string_pad {
    padding-left: 4px;
}

.bpm_emphasis {
    font-size: 14px;
    font-weight: bold;
}

#drawer_tab_container {
	float: right;
    width: 278px;
	margin: 0px auto;
    background-color: #484749;
}

.drawer_tab {
    width: 272px;
    height: 7px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #808080;
    border-top: none;
    background: url(../yui2/assets/skins/sam/sprite.png) repeat-x 0 0;
    background-position: 0 -20px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#open_drawer_tab.drawer_tab_hover {
    width: 272px;
    height: 7px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #007A93;
    border-top: none;
    background: url(../yui2/assets/skins/sam/sprite.png) repeat-x 0 0;
    background-position: 0 -1320px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.drawer_tab_mousedown {
    width: 272px;
    height: 7px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #007A93;
    border-top: none;
    background: url(../yui2/assets/skins/sam/sprite.png) repeat-x 0 0;
    background-position: 0 -1720px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.drawer_tab_open {
    width: 272px;
    height: 7px;
    margin-left: 2px;
    margin-right: 0px;
    visibility: hidden;
    border: 1px solid #808080;
    border-top: none;
    background: url(../yui2/assets/skins/sam/sprite.png) repeat-x 0 0;
    background-position: 0 -1315px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#close_drawer_tab.drawer_tab_hover {
  width: 272px;
  height: 7px;
  margin-left: 2px;
  margin-right: 0px;
  visibility: hidden;
  border: 1px solid #808080;
  border-top: none;
  background: url(../yui2/assets/skins/sam/sprite.png) repeat-x 0 0;
  background-position: 0 -1315px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

#bpm_panel .bd {
    background-color: #fff;
    border: 1px solid rgb(110, 110, 110);
    margin-left: 2px;
		margin-top: 6px;
    margin-right: 6px;
		width: 272px;
}

#bpm_panel .ft {
		width: 266px;
}

#bpm_panel #bpm_slope_type_radio_buttons {
    text-align: center;
    margin: 10px 0 10px 0;
}

#bpm_panel .bpm_type_panel {
    border-bottom: 1px dotted black;
    padding: 5px 0 0 0;
    margin-left: 10px;
}

#bpm_panel .bpm_type_panel[selected="selected"] {
    background-color: rgb(224, 240, 246);
}

#bpm_panel #free_bpm_panel {
    width: 250px;
    height: 60px;
    margin-top: 20px;
}

#bpm_panel #flat_bpm_panel {
    width: 250px;
    height: 100px;
}

#bpm_panel #range_bpm_panel {
    width: 250px;
    height: 100px;
}

#bpm_panel .drop_down {
    float: right;
}

#bpm_panel .label {
    float: right;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin: 6px 8px 0 8px;
    color: rgb(0, 122, 147);
}

#bpm_panel .label[disabled="disabled"] {
    color: #696969;
}

#bpm_panel .title {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#bpm_panel .desc {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    color: #696969;
    margin-bottom: 14px;
}

#bpm_panel #footer_menu {
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom: 56px;
}

#bpm_panel .footer_button {
    float: right;
}

#top_edge_right {
    background: url('/images/header_edge_background.png') repeat-x;
    width: 294px;
    height: 1px;
}

#top_edge_left {
    background: url('/images/header_edge_background.png') repeat-x;
    width: 680px;
    height: 1px;
}

#filter_buttons_container {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
}

#decade_select {
    float: left;
}

#family_select {
    float: left;
}

#bpm_select {
    float: left;
}

li.track {
    cursor: move;
    position: relative;
}

#track_table_nav {
    clear: both;
    height: 31px;
    /*background-color: rgb(240, 240, 240);*/
    background: #D8D8DA url('/images/section_header.png') repeat-x 100px 0;
    border-bottom: 1px solid rgb(128, 128, 128);
    border-top: 1px solid white;
}

#track_table_tabs_container {
    margin-left: 20px;
    width: 168px;
    height: 30px;
    float: left;
}

#track_table_tabs_container.invisible {
    margin-left: 0;
    visibility: hidden;
    width: 0;
}

#track_table_tabs {
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    margin-top: 6px;
}

div.track_tab {
    float: left;
    width: 80px;
    height: 26px;
    padding-top: 5px;
    margin-right: 4px;
    text-align: center;
    cursor: pointer;
    color: #555;
    background: url('/images/tab.png') no-repeat 0 0;
}

div.track_tab:hover {
    color: rgb(0, 122, 147);
    background: url('/images/tab.png') no-repeat 0 -26px;
}

div.track_tab[selected="selected"] {
    color: white;
    background: url('/images/tab.png') no-repeat 0 -52px;
}

#ranker_drop_down_container {
    width: 180px;
    height: 30px;
    float: right;
}

#ranker_drop_down {
    float: right;
    padding-top: 2px;
}

#ranker_drop_down_label {
    font-family: helvetica, arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #555;
    float: right;
    margin-top: 11px;
    margin-right: 10px;
}

#breadcrumb_container {
    float: left;
    width: 300px;
    height: 30px;
}

#breadcrumb {
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: rgb(0, 122, 147);
    margin-top: 11px;
    margin-left: 20px;
}

#mix_info_nav {
    /*clear: both;*/
    /*height: 30px;*/
    /*background-color: rgb(240, 240, 240);*/
}

#track_table {
    position: relative;
    float: left;
}

#track_table table {
    width: 680px;
}

.yui-dt-even {
	background-color: rgb(235, 248, 255) !important;
}

.yui-dt-odd {
	background-color: white !important;
}

.yui-dt-highlighted {
	background-color: rgb(188,229,244) !important;
}

#track_table_paginator_container {
    float: left;
    height: 40px;
    width: 679px;
    text-align: center;
}

#track_table_drag_proxy {
    background: rgb(189, 212, 220) url("/images/mixlist_track_proxy_background.png") repeat-x;
    border: 1px solid rgb(0, 122, 147);
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    max-height: 150px;
    min-height: 20px;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    visibility: hidden;
    width: 260px;
}

#mixlist_drag_proxy {
    background: rgb(189, 212, 220) url("/images/mixlist_track_proxy_background.png") repeat-x;
    border: 1px solid rgb(0, 122, 147);
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
}

#mixlist_drag_proxy div.mixlist_proxy_title_container {
    max-height: 67px;
    overflow: hidden;
    width: 205px;
}

#mixlist_drag_proxy div.mixlist_proxy_title_container div.mixlist_proxy_title {
    padding: 5px;
}

#mixlist_drag_proxy div.mixlist_proxy_artist_container {
    overflow: hidden;
    max-height: 24px;
    min-height: 14px;
    width: 205px;
}

#mixlist_drag_proxy div.mixlist_proxy_artist_container div.mixlist_proxy_artist {
    font-size: 13px;
    color: #666666;
    padding-left: 5px;
    padding-right: 5px;
}

.track_table_decade_container {
    float: left;
    margin-top: 4px;
}

.track_table_actions_container {
    float: right;
}

.track_table_play_button {
    background: url("/images/track_table_play_toggle_button.png") no-repeat 0 0;
    border: 0;
    float: left;
    height: 22px;
    margin-right: 8px;
    width: 32px;
    cursor: pointer;
}

.track_table_play_button:hover {
    background-position: 0 -22px;
}

.track_table_play_button:active {
    background-position: 0 -44px;
}

.track_table_play_button[playing="paused"] {
    background-position: 0 -66px;
}

.track_table_play_button:active[playing="paused"] {
    background-position: 0 -88px;
}

.track_table_play_button[playing="playing"] {
    background-position: 0 -110px;
}

.track_table_play_button:active[playing="playing"] {
    background-position: 0 -132px;
}

.track_table_add_to_mixlist_button {
    background: url("/images/track_table_add_button.png") no-repeat 0 0;
    border: 0;
    float: left;
    height: 22px;
    margin-right: 8px;
    width: 26px;
    cursor: pointer;
}

.track_table_add_to_mixlist_button:hover {
    background-position: 0 -22px;
}

.track_table_add_to_mixlist_button:active {
    background-position: 0 -44px;
}

.track_table_add_to_favorites_button {
    background: url("/images/track_table_add_to_favorites_button.png") no-repeat 0 0;
    border: 0;
    float: left;
    height: 22px;
    margin-right: 0;
    width: 26px;
    cursor: pointer;
}

/*.track_table_add_to_favorites_button:hover {
    background-position: 0 0px;
}

.track_table_add_to_favorites_button:active {
    background-position: 0 -44px;
}*/

.track_table_favorites_button {
    background: url("/images/track_table_favorites_button.png") no-repeat 0 0;
    border: 0;
    float: left;
    height: 22px;
    margin-right: 0;
    width: 26px;
    cursor: pointer;
}

/*.track_table_favorites_button:hover {
    background-position: 0 -22px;
}

.track_table_favorites_button:active {
    background-position: 0 -44px;
}*/

.track_table_drag_handle {
    background: url("/images/track_table_drag_handle.png") no-repeat;
    float: left;
    cursor: move;
    height: 16px;
    margin-top: 3px;
    margin-right: 8px;
    width: 7px;
}

#datatable tr {
    cursor: pointer;
}

.track_content_container {
    background: rgb(230, 231, 232) url("/images/mixlist_track_background.png") repeat-x;
    border: 1px solid rgb(65, 64, 66);
    max-height: 62px;
    min-height: 26px;
    padding-bottom: 9px;
    padding-top: 5px;
}

.track_content_container[overpreview="bottom"] {
    border-bottom-color: rgb(0, 122, 147);
}

.track_content_container[overpreview="top"] {
    border-top-color: rgb(0, 122, 147);
}

.track_title_container {
    overflow: hidden;
    max-height: 62px;
    min-height: inherit;
    width: 205px;
}

.track_mixlist_index {
    position: absolute;
    left: 5px;
    font-size: 12px;
    font-weight: bold;
}

.one_digit_spacer {
    display: inline;
    padding-left: 8px;
}

.two_digit_spacer {
    display: inline;
    padding-left: 16px;
}

.track_title {
    padding-left: 5px;
    padding-right: 5px;
}

.mixlist_error {
    color: #ff0000;
}

.artist_title_container {
    overflow: hidden;
    max-height: 24px;
    min-height: 14px;
    width: 205px;
}

.artist_title {
    font-size: 13px;
    color: #666666;
    padding-left: 5px;
    padding-right: 5px;
}

.track_drop_down {
    position: absolute;
    right: 3px;
    bottom: 3px;
}

.track_drop_down span.first-child button {
    background: url("/images/menu-button-arrow.png") no-repeat center right;
    padding-right: 20px;
}

.play_mixlist_track {
    position: absolute;
    overflow: hidden;
    right: 3px;
    top: 3px;
}

.track_delete_button {
    position: absolute;
    left: -10px;
    top: -10px;
}

.track_top_mix_preview_container_blank {
    height: 9px;
    margin: -6px auto -2px auto;
    visibility: hidden;
    width: 100px;
}

.track_bottom_mix_preview_container_blank {
    height: 9px;
    margin: 0 auto -10px auto;
    visibility: hidden;
    width: 100px;
}

.track_top_mix_preview_container {
    background: url("/images/mixlist_track_top_mix_preview_background.png") no-repeat bottom center;
    height: 9px;
    margin: -6px auto -2px auto;
    visibility: hidden;
    width: 100px;
}

.track_top_mix_preview_container[overpreview] {
    background: url("/images/mixlist_track_top_mix_preview_background_hover.png") no-repeat bottom center;
    height: 9px;
    margin: -6px auto -2px auto;
    width: 100px;
}

.track_bottom_mix_preview_container {
    background: url("/images/mixlist_track_bottom_mix_preview_background.png") no-repeat top center;
    height: 9px;
    margin: 0 auto -10px auto;
    visibility: hidden;
    width: 100px;
}

.track_bottom_mix_preview_container[overpreview] {
    background: url("/images/mixlist_track_bottom_mix_preview_background_hover.png") no-repeat top center;
    height: 9px;
    margin: 0 auto -10px auto;
    width: 100px;
}

#track_preview_content {
    opacity: 0;
    margin: 22px 12px;
    height: 16px;
    display: none;
}

#track_preview_title_left_endcap {
    width: 7px;
    height: 16px;
    background: url("/images/mix_preview_track_title_left_endcap.png") no-repeat;
    float: left;
}

#track_preview_title_right_endcap {
    width: 7px;
    height: 16px;
    background: url("/images/mix_preview_track_title_right_endcap.png") no-repeat;
    float: left;
}

#track_preview_title {
    float: left;
    background-color: rgb(241, 242, 242);
    min-width: 20px;
    max-width: 255px;
    height: 16px;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    overflow: hidden;
    line-height: 1.4;
}

.mix_preview_container {
    cursor: pointer;
    margin-right: auto;
    background: url("/images/mixlist_preview_mix_background_276.png") no-repeat;
    background-color: white;
		width: 275px;
}

.mix_preview_container[overpreview] {
    background: url("/images/mixlist_preview_mix_background_hover_276.png") no-repeat;
}

.gap_container {
    background: url("/images/mixlist_preview_gap_background_276.png") no-repeat;
    background-color: white;
}

.gap_drop_down_container {
    float: right;
    /*padding-top: 14px;*/
    height: 33px;
    width: 130px;
}

.gap_drop_down {
    float: right;
    padding-top: 4px;
    padding-right: 3px;
}

.gap_drop_down_label {
    float: left;
    padding-top: 10px;
}

.mix_preview_text:hover {
    font-size: 9px;
    font-weight: bold;
    color: rgb(0, 122, 147);
    padding-right: 5px;
    padding-top: 2px;
}

.mix_preview_text {
    float: right;
    font-size: 9px;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    color: rgb(65, 64, 66);
    padding-right: 5px;
    padding-top: 2px;
    width: 190px;
    height: 11px;
}

.gap_text {
    cursor: pointer;
    float: left;
    font-size: 9px;
    font-weight: bold;
    color: rgb(90, 33, 39);
    text-align: left;
    text-transform: uppercase;
    margin-left: 1px;
    padding-left: 5px;
    padding-top: 2px;
    width: 70px;
    height: 11px;
    /*background-color: pink;*/
}

#mix_preview_image_container {
    float: right;
    height: 60px;
    background: rgb(109, 110, 113) url("/images/track_table_paginator_background.png") repeat-x;
    width: 330px;
}

#mix_preview_content {
    opacity: 0;
    display: none;
}

#mix_preivew_track_titles_container {
    width: 230px;
    margin-top: 8px;
    float: right;
}

#mix_preview_first_track_title_container {
    margin-bottom: 9px;
}

#mix_preview_second_track_title_container {
}

.mix_preview_track_title_container {
    height: 16px;
}

.mix_preview_track_title_left_endcap {
    width: 7px;
    height: 16px;
    background: url("/images/mix_preview_track_title_left_endcap.png") no-repeat;
    float: left;
}

.mix_preview_track_title_right_endcap {
    width: 7px;
    height: 16px;
    background: url("/images/mix_preview_track_title_right_endcap.png") no-repeat;
    float: left;
}

.mix_preview_track_title {
    float: left;
    background-color: rgb(241, 242, 242);
    min-width: 20px;
    max-width: 205px;
    height: 16px;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    overflow: hidden;
    line-height: 1.4;
}

#mix_preview_image {
    background: url("/images/mix_preview_image.png") no-repeat;
    width: 44px;
    height: 27px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
}

#mix_button_container {
    clear: both;
    text-align: right;
}

#mixlist_buttons_container {
    background: #484749;
    height: 20px;
    float: right;
    width: 276px;
    padding-left: 0px;
    z-index: 2;
		padding-right: 2px;
/*		border: 1px solid rgb(65, 64, 66);*/
}

.yui-button#button_bpm_style button {
    font-size: 10px;
    width: 272px;
    height: auto;
}

#bpm_style_button {
    float: right;
    background-color: transparent;
}

#delete_all_tracks_button {
    float: right;
}

#mix_player {
    background: url("/images/playerBgnd.png") repeat-x;
    float: left;
    width: 680px;
    height: 60px;
    border-right-color: black;
}

#progress_panel {
    visibility: hidden;
}

#ok_button_container {
    width: 100%;
    height: 27px;
}

#rendered_ok_button {
    float: right;
}

#progress_readout {
    text-align: right;
}

#job_status {
    text-align: center;
}

#job_link {
    text-align: center;
}

div.panel_line {
    clear: both;
    height: 40px;
    margin-top: 10px;
    margin-left: 40px;
    margin-right: 40px;
}

#save_for_later_panel {
	visibility: hidden;
}

#save_for_later_panel div.hd {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#save_for_later_panel div.bd {
    height: 100px;
}

#save_for_later_text {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#save_option_buttons {
    width: 220px;
    float: right;
}

#save_for_later_panel_button_container {
    height: 30px;
    width: 100%;
}

#save_for_later_cancel_button {
    margin-right: 3px;
    float: left;
}

#bpm_style_panel div.bd {
	width: 60px;
	padding: 0px;
	margin: 0px;
}

#bpm_style_panel div.topscrollbar {
	width: 60px;
}

#bpm_style_panel div.bottomscrollbar {
	width: 60px;
}

#banner_population_panel {
	visibility: hidden;
}

#banner_population_panel div.hd {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#banner_population_panel div.bd {
    height: 100px;
}

#banner_population_text {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#banner_population_buttons {
    width: 200px;
    float: right;
}

#banner_population_panel_button_container {
    height: 30px;
    width: 100%;
}

#banner_population_cancel_button {
    margin-right: 3px;
    float: left;
}

#mix_name_panel {
    visibility: hidden;
}

#mix_name_text_input {
    width: 300px;
    border: 1px solid #414042;
    outline-style: none;
    height: 30px;
    color: #414042;
    font-size: 18px;
}

#mixlist_mix_name {
    height: 60px;
/*    background: url("/images/playerBgnd.png") repeat-x;*/
/*		background: url("/images/mix_and_checkout_button_background.png") repeat-x;*/
		border-left: 1px solid rgb(119,119,119);
    border-right: 1px solid rgb(119,119,119);
		cursor: pointer;
		width: 276px;
		float: right;
}

#mix_drop_down button {
	background: url("/images/mix_and_checkout_button_background.png") repeat-x;
	color: white;
	width: 45px;
	height: 56px;
}

#mix_drop_down .yui-button {
	border: 0px solid white;
}

#mix_drop_down .first-child {
	border: 0px solid white;
}

#mix_drop_down .yuimenuitemlabel-selected {
	background-color: rgba(235,108,40,1) !important;
	color: white !important;
}

#mix_drop_down button:hover {
	background-position: 0 -61px;
}

#mix_drop_down button:active {
	background-position: 0 -122px;
}

#mix_drop_down button span {
	margin-left: 4px;
}

#mixlist_mix_name table,tr,td {
	margin: 0px;
	padding: 0px;
}

#mixlist_mix_name_left {
		width: 225px;
		height: 57px;
		background: url("/images/mix_and_checkout_button_background.png") repeat-x;
		margin: 0px;
		padding: 0px;
}

#mixlist_mix_name_left:hover {
	background-position: 0 -61px;
}

#mixlist_mix_name_left:active {
	background-position: 0 -122px;
}

#mixlist_mix_name_right {
		float: right;
		display: inline;
		width: 45px;
		height: 57px;
		background: url("/images/mix_and_checkout_button_background.png") repeat-x;
		margin: 0px;
		padding: 0px;
}

#mixlist_mix_name_right:hover {
	background-position: 0 -61px;
}

#mixlist_mix_name_right:active {
	background-position: 0 -122px;
}

#mixlist_mix_name #mixlist_mix_name_label {
    float: left;
    margin-top: 0px;
    margin-left: 10px;
		color: #fff;
    font-size: 18px;
    font-family: helvetica, arial, sans-serif;
}

#mixlist_mix_name:hover {
    background-position: 0 -61px;
}

#mixlist_mix_name:active {
    background-position: 0 -122px;
}

#mixlist_mix_name #mixlist_mix_name_edit {
    float: right;
    margin-right: 14px;
    margin-top: 20px;
    width: 16px;
    height: 16px;
}

#mix_name_panel div.hd {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#mix_name_panel div.bd {
    height: 180px;
}

#mix_name_panel div.instructions {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#mix_name_panel div.instructions ol li {
    padding-bottom: 10px;
}

#mix_name_panel #mix_name_panel_good_to_go {
    margin-top: 60px;
    margin-left: 40px;
}

#mix_name_rule_label {
    width: 300px;
    font-size: 14px;
    font-family: helvetica, arial, sans-serif;
    color: #778899;
}

#mix_name_status {
    padding-top: 10px;
    width: 300px;
    text-align: left;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
}

#mix_name_buttons {
    width: 160px;
    float: right;
}

#mix_name_panel_button_container {
    height: 30px;
    width: 100%;
}

#cancel_mix_name_button {
    margin-right: 10px;
    float: left;
}

#preflight_panel {
    visibility: hidden;
}

#preflight_mix_name_text_input {
    width: 300px;
    border: 1px solid #414042;
    outline-style: none;
    height: 30px;
    color: #414042;
    font-size: 18px;
}

#preflight_panel div.hd {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#preflight_panel div.bd {
    height: 340px;
}

#preflight_panel div.instructions {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#preflight_panel div.instructions ol li {
    padding-bottom: 10px;
}

#preflight_panel #preflight_good_to_go {
    margin-top: 60px;
    margin-left: 40px;
}

#preflight_mix_name_rule_label {
    width: 300px;
    font-size: 14px;
    font-family: helvetica, arial, sans-serif;
    color: #778899;
}

#preflight_mix_name_status {
    padding-top: 10px;
    width: 300px;
    text-align: left;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
}

#preflight_buttons {
    width: 260px;
    float: right;
}

#preflight_panel_button_container {
    height: 30px;
    width: 100%;
}

#preflight_cancel_mix_name_button {
    width: 186px;
    margin-right: 10px;
    float: left;
}

#yesgo_panel {
    visibility: hidden;
}

#yesgo_panel div.hd {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#yesgo_panel div.bd {
    min-height: 90px;
}

#yesgo_panel div.instructions {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
    padding-bottom: 10px;
}

#yesgo_instructions {
    padding-top: 10px;
    text-align: left;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
}

#yesgo_panel_button_container {
    height: 30px;
    width: 100%;
}

#yesgo_buttons {
    float: right;
}

#yesgo_purchase_button {
    margin-right: 10px;
    float: left;
}

#confirm_panel {
    visibility: hidden;
}

#confirm_panel div.hd {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#confirm_panel div.bd {
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
}

#confirm_panel_button_container {
    height: 30px;
    width: 100%;
}

#confirm_panel_buttons {
    width: 100px;
    float: right;
}

#welcome_panel {
    visibility: hidden;
}

#welcome_panel_content {
    overflow: scroll;
}

#welcome_panel_content_box {
    padding-left: 10px;
}

#welcome_panel_anchor {
    margin-left: 14px;
}

#banner_panel {
    visibility: hidden;
}

#banner_panel_content {
    overflow-y: scroll;
    height: 100%;
    max-height: 40vh;
    padding: 16px 0;
}

#banner_panel_content_box {
    padding-left: 10px;
}

#missing_panel {
    visibility: hidden;
}

#missing_panel div.hd {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#missing_panel div.bd {
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
}

#missing_panel_button_container {
    height: 30px;
    width: 100%;
}

#missing_panel_buttons {
    width: 50px;
    float: right;
}

#mix_save_panel {
    visibility: hidden;
}

#music_crate_panel {
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    visibility: hidden;
}

#music_crate_panel .hd {
    font-size: 14px;
}

#music_crate_panel .bd {
    overflow: auto;
    padding: 10px;
}

#music_crate_panel ul.music_crate_list {
	padding-left: 15px;
}

#music_crate_panel .music_crate_list li {
    clear: both;
    list-style: none;
}

#music_crate_panel .music_crate_list li .yui-button {
	border: none;
	background: transparent;
}

#music_crate_panel .music_crate_list li button {
	position: relative;
	top: -3px;
}

#music_crate_panel .music_crate_list li .yuimenu {
	width: 170px;
}

#music_crate_panel .music_crate_list li .yuimenuitem {
	width: 150px;
}

#music_crate_panel .music_crate_list li span{
	border: none;
	background: transparent;
}

#music_crate_panel .music_crate_list li > div.music_crate_list_mix_container:hover {
    cursor: pointer;
    background-color: rgb(209, 236, 255);
}

#music_crate_panel .music_crate_list li.selected .music_crate_list_mix_container {
    background-color: white;
}

#music_crate_panel .music_crate_list li div.music_crate_list_mix_container[editing="editing"] {
    background-color: rgb(214, 178, 186);
}

#music_crate_panel .music_crate_list .music_crate_list_mix_container {
    display: inline-block;
    height: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 10px;
    width: 500px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#music_crate_panel .music_crate_list li div.music_crate_list_delete {
    margin-left: 10px;
    width: 16px;
    height: 16px;
    float: left;
}

#music_crate_panel .music_crate_list li:hover div.music_crate_list_delete {
    background-image: url("/images/trash.png");
    cursor: pointer;
}

#music_crate_panel .music_crate_list li div.music_crate_list_mixname_edit > div.music_crate_list_mixname_edit_checkmark {
    background-image: url("/images/checkmark.png");
    width: 17px;
    height: 17px;
    float: left;
    margin-left: 10px;
}

#music_crate_panel .music_crate_list li div.music_crate_list_mixname_edit > div.music_crate_list_mixname_edit_cancel {
    background-image: url("/images/remove.png");
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 10px;
}

#music_crate_panel .music_crate_list li div.music_crate_list_mixname {
    float: left;
    cursor: pointer;
	margin-left: 10px;
}

#music_crate_panel .music_crate_list li div.music_crate_list_mixname_edit {
    float: left;
	margin-left: 10px;
}

#music_crate_panel .music_crate_list li div.music_crate_list_mixname_edit > input {
    border: 1px solid black;
    margin-top: -2px;
    width: 200px;
    height: 18px;
    float: left;
	padding-left: 5px;
}

#music_crate_panel .music_crate_list li div.music_crate_list_disclosure {
	display: inline-block;
	margin: 0 0 2px 8px;
	width: 10px;
	height: 5px;
	background: url('/yui2/menu/assets/skins/yes/menubaritem_submenuindicator.png') no-repeat;
}

#music_crate_panel .music_crate_list li div.music_crate_list_fb {
	display: inline-block;
	margin-right: 5px;
	margin-top: 5px;
	position: relative;
	width: 20px;
	height: 20px;
	float: left;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#music_crate_panel .music_crate_list li div.music_crate_list_fb.shared {
	background: url('/images/fb_shared.png') no-repeat;
	cursor: pointer;
}

#music_crate_panel .music_crate_list li div.music_crate_list_edit {
    float: right;
    color: rgb(0, 122, 147);
    text-decoration: underline;
    visibility: hidden;
}

#music_crate_panel .sliding_panel {
	display: none;
	width: 460px;
	margin-left: 53px;
	border: 1px solid gray;
	background: white;
	font-size: 13px;
	color: #666;
	padding: 10px;
	-webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
	box-shadow: 0px 3px 7px #999;
}

#music_crate_panel .share_info_div div.music_crate_list_disclosure {
	display: inline-block;
	margin: 0 0 2px 8px;
	width: 10px;
	height: 5px;
	background: url('/yui2/menu/assets/skins/yes/menubaritem_submenuindicator.png') no-repeat;
}

#music_crate_panel .music_crate_list li:hover div.music_crate_list_edit {
    visibility: visible;
}

#music_crate_panel .music_crate_list li div.music_crate_list_load {
    float: right;
    color: rgb(0, 122, 147);
    text-decoration: underline;
    visibility: hidden;
}

#music_crate_panel .music_crate_list li:hover div.music_crate_list_load {
    visibility: visible;
}

#music_crate_panel .music_crate_list li div.music_crate_list_redo {
    float: right;
    color: rgb(0, 122, 147);
    text-decoration: underline;
    visibility: hidden;
}

#music_crate_panel .music_crate_list li:hover div.music_crate_list_redo {
    visibility: visible;
}

#music_crate_panel .music_crate_list li div.music_crate_list_copy {
    float: right;
    color: rgb(0, 122, 147);
    text-decoration: underline;
    visibility: hidden;
}

#music_crate_panel .music_crate_list li:hover div.music_crate_list_copy {
    visibility: visible;
}

#music_crate_panel .music_crate_list li div.music_crate_list_confirm_label {
    float: left;
    margin-left: 10px;
}

#music_crate_panel .music_crate_list li div.music_crate_list_confirm_yes {
    float: left;
    color: rgb(0, 122, 147);
    margin-left: 10px;
    text-decoration: underline;
}

#music_crate_panel .music_crate_list li div.music_crate_list_confirm_no {
    float: left;
    color: rgb(0, 122, 147);
    margin-left: 10px;
    text-decoration: underline;
}

#copy_success {
	display: table;
	opacity: 0;
	padding: 0 10px;
	position: absolute;
	top: 29px;
	right: 0px;
	text-align: center;
	border: 1px solid #aaa;
	color: #5b5;
	background-color: #f6f6f6;
}

#delete_mixlist_confirmation_panel {
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    visibility: hidden;
}

#loading_panel {
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    visibility: hidden;
}

#wizard_mix_orientation_panel {
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    visibility: hidden;
}

#wizard_mix_orientation_panel div.hd {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#wizard_mix_orientation_panel div.instructions {
    margin-bottom: 10px;
}

#wizard_mix_orientation_panel_button_container {
    width: 100%;
    height: 30px;
}

#wizard_mix_orientation_panel_buttons {
    float: right;
}

#login_panel {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
    visibility: hidden;
}

a.container-close {
    outline: none;
}

#login_panel .bd {
    text-align: center;
}

#album_art_panel {
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    visibility: hidden;
}

#album_art_panel #album_art .item {
    height: 200px;
    width: 200px;
    margin: 8px 4px 8px 4px;
    border: solid 3px rgb(242, 242, 242);
}

#album_art_panel #album_art .item:hover {
    outline: none;
    border: dashed 3px #999999;
}

#album_art_panel #album_art .item:active {
    outline: none;
    border: dashed 3px #ff4500;
}

#album_art_panel #album_art .yui-carousel-item-selected {
    outline: none;
    border: dashed 3px rgb(0, 122, 147);
}

#album_art_panel #album_art .yui-carousel-item-selected:hover {
    outline: none;
    border: dashed 3px rgb(0, 122, 147);
}

#album_art_panel #album_art_panel_button_container {
    height: 30px;
}

#album_art_panel #album_art_buttons {
    width: 140px;
    float: right;
}

#album_art_panel #album_art_back_button {
    float: left;
}

#album_art_panel #album_art_submit_button {
    float: left;
}

#album_art_rendered_panel {
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    visibility: hidden;
}

#album_art_rendered_panel #rendered_image {
    margin-left: 100px;
    width: 200px;
    height: 200px;
    background-size: cover;
}

#album_art_rendered_panel #rendered_panel_button_container {
    height: 30px;
}

#album_art_rendered_panel #rendered_buttons {
    width: 180px;
    float: right;
}

#album_art_rendered_panel #rendered_back_button {
    float: left;
}

#album_art_rendered_panel #rendered_submit_button {
    float: left;
}

#wizard_tab {
    cursor: pointer;
    position: absolute;
    z-index: 4;
    /*left:90px;*/
	  top: 650px;
    height: 140px;
    width: 40px;
    background: url('/images/quick_mix_tab_inside_pink.png') no-repeat 0 0;
}

#wizard_tab:hover {
    background-position: 0 -153px;
}

#welcome_tab {
    cursor: pointer;
    position: fixed;
    z-index: 999;
    left:0;
    top: 180px;
    height: 140px;
    width: 40px;
    background: url('/images/welcome_tab.png') no-repeat 0 0;
}

#welcome_tab:hover {
    background-position: 0 -153px;
}

#wizard_panel {
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    visibility: hidden;
}

#wizard_panel div.hd {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#wizard_panel #wizard .item {
    height: 210px;
    width: 428px;
    margin: 8px 4px 8px 4px;
    border: solid 3px rgb(242, 242, 242);
    outline: none;
}

#wizard_panel #wizard_panel_button_container {
    height: 30px;
}

#wizard_panel #wizard_buttons {
    width: 140px;
    float: right;
}

#wizard_panel #wizard_back_button {
    float: left;
    padding-right: 10px;
}

#wizard_panel #wizard_next_button {
    float: left;
}

#wizard_panel .yui-carousel-nav {
    display: none;
}

#wizard_panel .question {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 20px;
}

#wizard_panel #wizard_mix_name {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 20px;
    color: #4169e1;
}

#wizard_panel .flow {
    margin-left: 20px;
    width: 170px;
    text-align: left;
    float: left;
}

#wizard_panel .inline {
    clear: both;
    margin-left: 40px;
    width: 300px;
    text-align: left;
}

#wizard_panel .label {
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    margin-left: 40px;
    width: 340px;
    text-align: left;
}

#wizard_panel .description {
    clear: both;
    margin-top: -10px;
    margin-left: 40px;
    width: 340px;
    text-align: left;
}

#wizard_panel .text_input {
    text-align: left;
    margin-top: -10px;
    margin-bottom: 10px;
    margin-left: 40px;
}

#wizard_panel .text_input input{
    width: 200px;
    border: 1px solid #414042;
    outline-style: none;
    height: 30px;
    color: #414042;
    font-size: 18px;
}

div#search {
    float: left;
    margin-left: 25px;
}

#search_button {
    float: left;
    background: url('/images/search_button.png') no-repeat 0 0;
    outline-style: none;
    width: 55px;
    height: 23px;
    border: none;
    cursor: pointer;
}

#search_button[disabled="disabled"] {
    background-position: 0 -69px;
    cursor: default;
}

#search_button:hover {
    background-position: 0 -23px;
}

#search_button[disabled="disabled"]:hover {
    background-position: 0 -69px;
}

#search_button:active {
    background-position: 0 -46px;
}

#search_button[disabled="disabled"]:active {
    background-position: 0 -69px;
}

#search_clear_button {
    position: absolute;
    top: 5px;
    right: 60px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    background-image: url('/images/close_button.png');
    z-index: 1;
    visibility: hidden;
}

#search_text_input {
    background: url('/images/search_text_field_background.png') no-repeat 0 0;
    padding-left: 26px;
    width: 198px;
    height: 21px;
    outline-style: none;
    border: none;
    position: relative;
    float: left;
    color: #414042;
    font-size: 10px;
}

.validation_passed {
    color: #000000;
}

.validation_failed {
    color: #ff4500;
}

.yui-skin-yes .play_mixlist_track .yui-button {
    background: transparent url("/images/track_table_play_toggle_button.png") no-repeat left top;
    border: 0;
    height: 22px;
    margin: 0;
    padding: 0;
    width: 32px;
		cursor: pointer;
}

.yui-skin-yes .play_mixlist_track .yui-button .first-child {
    border: 0;
}

.yui-skin-yes .play_mixlist_track .yui-button-focus {
    border: 0;
}

.yui-skin-yes .play_mixlist_track .yui-button-focus .first-child {
    border: 0;
}

.yui-skin-yes .play_mixlist_track .yui-button-hover {
    background-position: 0 -22px;
    border: 0;
}

.yui-skin-yes .play_mixlist_track .yui-button-hover .first-child {
    border: 0;
}

.yui-skin-yes .play_mixlist_track .yui-button-active {
    background-position: 0 -44px;
    border: 0;
}

.yui-skin-yes .play_mixlist_track .yui-button[playing = "paused"] {
    background-position: 0 -66px;
    border: 0;
}

.yui-skin-yes .play_mixlist_track .yui-button-active[playing = "paused"] {
    background-position: 0 -88px;
    border: 0;
}

.yui-skin-yes .play_mixlist_track .yui-button[playing = "playing"] {
    background-position: 0 -110px;
    border: 0;
}

.yui-skin-yes .play_mixlist_track .yui-button-active[playing = "playing"] {
    background-position: 0 -132px;
    border: 0;
}

.yui-skin-yes .play_mixlist_track .yui-button-active .first-child {
    border: 0;
}

.yui-skin-yes .track_delete_button .yui-button {
    background: transparent url("/images/delete_button.png") no-repeat left top;
    border: 0;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 30px;
}

.yui-skin-yes .track_delete_button .yui-button .first-child {
    border: 0;
}

.yui-skin-yes .track_delete_button .yui-button-focus {
    background-position: left top;
    border: 0;
}

.yui-skin-yes .track_delete_button .yui-button-focus .first-child {
    border: 0;
}

.yui-skin-yes .track_delete_button .yui-button-hover {
    background-position: left top;
    border: 0;
}

.yui-skin-yes .track_delete_button .yui-button-hover .first-child {
    border: 0;
}

.yui-skin-yes .track_delete_button .yui-button-active {
    background-position: left top;
    border: 0;
}

.yui-skin-yes .track_delete_button .yui-button-active .first-child {
    border: 0;
}

#mix_info {
    /*background-image: linear-gradient(bottom, rgb(214,214,214) 39%, rgb(239,239,240) 85%);*/
    /*background-image: -o-linear-gradient(bottom, rgb(214,214,214) 39%, rgb(239,239,240) 85%);*/
    /*background-image: -moz-linear-gradient(bottom, rgb(214,214,214) 39%, rgb(239,239,240) 85%);*/
    /*background-image: -webkit-linear-gradient(bottom, rgb(214,214,214) 39%, rgb(239,239,240) 85%);*/
    /*background-image: -ms-linear-gradient(bottom, rgb(214,214,214) 39%, rgb(239,239,240) 85%);*/

    /*background-image: -webkit-gradient(*/
    /*linear,*/
    /*left bottom,*/
    /*left top,*/
    /*color-stop(0.39, rgb(214,214,214)),*/
    /*color-stop(0.85, rgb(239,239,240))*/
    /*);*/
    float: right;
    height: 25px;
    width: 275px;
    padding: 3px 1px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #555;
    background: url('/images/section_header.png');
    border-top: 1px solid white;
		border-left: 1px solid #777;
}

#mix_info_track_count {
    position: relative;
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}

#mix_info_total_time {
    position: relative;
    float: left;
    margin-right: 10px;
    margin-top: 7px;
		margin-left: 2px;
}

#mix_and_checkout_button {
    background: url("/images/mix_and_checkout_button_background.png") repeat-x;
    border: 1px solid rgb(238, 68, 0);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 24px;
    height: 61px;
    margin: 0;
    padding: 0;
    text-shadow: 0 -1px rgb(35, 31, 32);
    width: 278px;
}

#mix_and_checkout_button:hover {
    background-position: 0 -61px;
}

#mix_and_checkout_button:active {
    background-position: 0 -122px;
}

#mix_and_checkout_button[disabled="disabled"] {
    background-position: 0 -183px;
    border-color: rgb(65, 64, 66);
    cursor: default;
    color: rgb(167, 169, 172);
    text-shadow: 0 -1px rgb(209, 211, 212);
}

#mix_and_checkout_button[disabled="disabled"]:hover {
    background-position: 0 -183px;
    border-color: rgb(65, 64, 66);
}

#save_mix_button {
    background: url("/images/save_mix_button_background.png") repeat-x;
    border: 1px solid rgb(155, 36, 63);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 18px;
    height: 35px;
    margin: 0;
    padding: 0;
    text-shadow: 0 -1px rgb(35, 31, 32);
    width: 278px;
}

#save_mix_button:hover {
    background-position: 0 -35px;
}

#save_mix_button:active {
    background-position: 0 -70px;
}

#save_mix_button[disabled="disabled"] {
    background-position: 0 -105px;
    border-color: rgb(65, 64, 66);
    cursor: default;
    color: rgb(167, 169, 172);
    text-shadow: 0 -1px rgb(209, 211, 212);
}

#save_mix_button[disabled="disabled"]:hover {
    background-position: 0 -105px;
    border-color: rgb(65, 64, 66);
}

#track_length_text {
    font-size: 9px;
}

#original_artist_disclaimer {
    position: relative;
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    padding: 10px 0 0 10px;
    color: #444;
}

.hidden {
    visibility: hidden;
    display: none;
}

#mix_bpm_error {
    visibility: hidden;
}

#bpm_error_label {
    padding-top: 10px;
    width: 360px;
    text-align: left;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
}

#mix_bpm_error div.hd {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
}

#mix_bpm_error div.bd {
    height: 138px;
}

#mix_error_buttons {
    width: 170px;
    float: right;
}

#mix_bpm_error_button_container {
    height: 30px;
    width: 100%;
}

#bpm_error_ok_button {
    float: right;
}

#footer li {
	color: #333;
}

span#footer-vidmymix {
	color: white;
}

.share_info_div {
	border-bottom: 1px dashed #999;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: inline-block;
	width: 100%;
}

.share_info_div p {
	display: inline-block;
	width: 470px;
	padding: 10px;
	margin: 8px 0 0 0;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.share_info_div p:hover {
	cursor: pointer;
    background-color: rgb(209, 236, 255);
}

.share_info_icon {
	width: 50px;
	height: 50px;
	float: left;
	background: url('/images/sharing_small.png');
	background-size: contain;
}

.music_crate_incomplete_list_title {
	padding-top: 10px;
	border-top: 1px dashed #999;
}

#share_tab {
	background-image: url('/images/SharingHand_Blue_2-state.png');
	width: 47px;
	height: 58px;
	position: absolute;
	top: 700px;
	right: 100px;
	cursor: pointer;
}

#share_panel {
	font-family: helvetica, arial, sans-serif;
	width: 304px;
	background: white;
	position: relative;
	left: -324px;
	bottom: -6px;
	opacity: 0.92;
	padding: 8px;
	font-size: 18px;
	border: 2px solid rgb(55,170,230);
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-radius: 10px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	display: none;
}

.my_mixes_drop_down_menu, .my_mixes_drop_down_menu li a {
	cursor: pointer !important;
}

.my_mixes_drop_down_menu li#email_menu_item .yuimenuitemlabel {
  background-image: url('/images/email.png');
	background-repeat: no-repeat;
	background-size: 17px auto;
	background-position: 1px 2px;
}

.my_mixes_drop_down_menu li#facebook_menu_item .yuimenuitemlabel {
  background-image: url('/images/fb_shared.png');
	background-repeat: no-repeat;
	background-size: 17px 17px;
	background-position: 1px 0px;
}

.my_mixes_drop_down_menu li:hover {
  cursor: pointer;
  background-color: rgb(209, 236, 255);
}
