/********************************************************************
 * APP-WIDE FORMATTING
 ********************************************************************/

/*********************************
 * Page Layout Elements
 */

#container{
  width: 720px;
  padding:0px;
  margin: 0 auto;
}

#container_public{
  width:1060px;
  margin: 0 auto;
}

body,#footer_back { background-color: #1F4D63 }

#content,#footer{
  background-color:#fff;
  width:720px;
  float: left;
  }
/*#content {border-bottom: 1px solid #fff;}*/

#left_column{width:504px;margin-bottom:10px;padding-right:10px;border-right:1px solid #ccc}

#right_column{}

#ads {

  float:right;
  margin: 0px 20px;
  width: 300px;
}

.ad {
     margin: 0px 0px 20px 0px ;
}

.ad_left {

     float :left;
     margin: 0px 0px 20px 0px ;
}

.ad_right {

     float:right;
     margin: 0px 0px 20px 0px ;   
}



#text_wrapper{
  margin-left:16px;
  margin-top:10px;
  padding-top: 10px
  }

  #footer_wrapper{
  margin-left:0px;
  margin-top:10px;
  padding-top:0px
  }

#notice, #warning{
  margin-left:16px;
  margin-top:10px;
  padding-top: 10px
  }

.centered{padding:0}

#warning, #notice{font-family:'Trebuchet MS';
                font-size:15px;letter-spacing: -1px;
                line-height:110%;color:#fff;font-weight:bold;
                background-color:#F46518;margin-right:15px;padding:5px}
#notice{background-color:#d9d9d9;color:#1F4D63}

/*********************************
 * Fonts
 */

/*** Headings ***/
h1,h2,h3{font-family:'Trebuchet MS';font-size:13px;letter-spacing: -1px;line-height:110%}
h1{font-size:30px;color:#245B76;letter-spacing: -3px}
h2{font-size:20px;color:gray;letter-spacing: 0px}
h3{font-size:13px}
h4{font-size:11px}
h4{color:gray}
.no_margin{margin:0px;margin-bottom:2px;padding:0px}

body, p, ol, ul, td, h1 span {
        font: 11px verdana, arial, sans-serif;
        color: #000;
    line-height: 16px;
}

.small{font-size:11px}
.large{font:19px arial}
.largest{font:30px arial}
.bold{font-weight:bold}
.italic{font-style:italic}

.blue{color:#245B76}
.gray{color:#e0e0e0}
.dark_gray{color:gray}
.orange{color:#F46518}
.orange_back{background-color:#F46518}

.fcc{color:#333333} /* fcc = first column color */

.margin{margin:10px 0px}

/*********************************
 * Links
 */
img{border-width:0px}
a{color:#2d7293;text-decoration:none}
a:hover{color:#fff;background-color:#2d7293}
a.listen, a.chart_sample{font-size:10px;font-weight:bold;color:#000}
a.chart_sample{color:#2d7293}
a.listen:hover, a.chart_sample:hover{color:#fff}
a.underline{text-decoration:underline}
a.image{background-color:none}

.add_item_busy{margin-left:10px}

/*********************************
 * Tables
 */
.list{width:98%;border-collapse:collapse;margin-top:10px}

.main_list{
  width:98%;
  border-collapse:collapse;
  margin-top:10px ;
  table-layout:fixed;
  }
.list th{padding:3px 3px 3px 0px;border:1px solid #ccc;text-align:left;border-width:1px 0px}
.list th h3{margin:0;padding:0}
.list td{padding:10px 0px;border-top:1px solid #ccc;text-align:left}
.main_list td
 {
  padding:10px 10px 10px 5px ;
  border-top:1px solid #ccc;
  text-align:left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  }

th{font-family:'Trebuchet MS';color:#666;font-size:13px}
th.center, td.center{text-align:center}

.album_details td{border:1px solid #ccc;padding:3px}
.album_details th{border:1px solid #ccc;padding:3px}

div#pagination_links{text-align:center;margin:20px 0px;font-weight:bold}
#pagination_links span{padding-right:10px}
#pagination_links {font-size:12px;}

.dashed, #right_column li{padding-bottom:3px;margin-right:5px;background:url(/images/dash.jpg) repeat-x bottom left}

/*********************************
 * Forms
 */

td.prompt{text-align:right;font-weight:bold}
td.prompt{padding:8px 3px}

/********************************************************************
 * PAGE FORMATS
 ********************************************************************/

/*********************************
 * Header (contains the LPM logo and the search box)
 */
div#header{background-color:#1F4D63;min-width: 720px;}
table#header_text{width: 100%;border-collapse:collapse; margin-bottom: 8px }
td#header_logo{width:294px;height:97px;background: url(/images/logo_revised_2_optimized.png) no-repeat;background-position:11px 0;cursor:pointer;}
td#header_slogan{padding-right:6px}
#slogan {color:#fff;font-weight:bold;font-size:11px;font-family:arial;}
#slogan {float:right;margin-right:10px;margin-bottom:3px; padding-right: 4px }
/* Holly Hack - Hides from IE5-mac and FF \*/
* html #slogan {margin-bottom:5px}
/* End hide from IE5-mac */
#header_ad{margin:0 auto;width:468px;}
#header_ad a, td#header_logo a, .ad_left a, .ad_right a{display:block;}/*IE8 hack*/

/*** App Links (appear at the top right of every page) ***/
div#app_links_container {
  width: 100%;
  margin-left: 6px;
  position: relative;
}

ul#app_links {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 0px;
}

#app_links li {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff
}

li#language_toogle {
  padding-top: 2px;
}

li#language_toogle a:hover {
  background: #1F4D63;
}

img.not_active {
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity = 50) gray;
  -khtml-opacity: 0.5;
  background-color: gray;
}

li#language_toogle a img:hover, img.not_active:hover {
  opacity: 1;
  filter: alpha(opacity = 100);
}

#app_links_table {
  float: right
}

#app_links a {
  font: 11px arial;
  font-weight: bold;
  padding: 0px 5px;
  color: #fff
}

#app_links a:hover {
  color: #fff
}
#search_box table{
        padding-left: 40px;
}

#nav_search_field{
        font-size: 11px;
        border: 1px solid #999;
        padding: 2px;
}

div#admin_nav_container {
  height: 27px;
  background: #fff url(/images/nav/nav_shadow.jpg) repeat-x 0 10%;
  position: relative;
  margin-bottom: 20px
}

#admin_nav {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 82%;
  background: #fff url(/images/nav/nav_back.jpg) repeat-x top left;
}

#admin_nav li {
  float: left;
  margin: 0;
  padding: 0 5px;
  list-style: none;
  height: 27px;
}

#admin_nav li a{
  font-weight:bold;
  font-size:12px;
  display:block;
  height:17px;
  padding:5px;
  text-align:center;
}

/*** Nav Bar (contains the main menu) ***/

div#nav_container {
  height: 27px;
  background: #fff url(/images/nav/nav_shadow.jpg) repeat-x 0 10%;
  position: relative;
  margin-bottom: 20px
}

#nav {
  float: left;
  width: 100%;
  margin: 0;
  padding-left: 3px;
  list-style: none;
  font-size: 82%;
  background: #fff url(/images/nav/nav_back.jpg) repeat-x top left;
}

#nav li {
  float: left;
  margin: 0;
  padding: 0 10px;
  list-style: none;
  height: 27px;
}

#nav li a {
  display: block;
  height: 17px;
  padding: 5px;
  font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  color: #333333;
}

#nav li a:hover, #nav li a#selected {
  color: white;
  background: #F16518;
}

#nav_cart {
  float: right;
  color: #1F4D63;
  margin-right: 14px;
}

/* Holly Hack - Hides from IE5-mac and FF \*/ * html li#nav_cart {
  margin-right: 5px
}

/* End hide from IE5-mac */
li#nav_cart a {
  color: #1F4D63;
  font-weight: bold;
}
li#nav_radio {/*padding-left:5px;padding-top:6px;height:21px;*/
background:transparent url(/images/nav/radio.jpg) no-repeat;
}
#radio_sidebar:hover {background:transparent;}


#cart_item_count_visible,#cart_item_count_hidden{border:1px solid #F46518;padding:0px 2px;margin-left:5px;display:inline;
                                 font-size: 9px;letter-spacing:0;font-weight:bold;font-family:verdana}

td.cart_action{width:74px;text-align:right;height:19px}

#hide_checkout{margin-top:20px;float:right}

a#my_cart img{width: 80px; background-image: url(/images/my_cart.jpg) ;}
a#my_cart:hover img{width: 80px; background-image: url(/images/my_cart_hover.jpg) ;}

a#my_cart_es_sp img{width: 81px; background-image: url(/images/my_cart_es_sp.jpg) ;}
a#my_cart_es_sp:hover img{width: 81px; background-image: url(/images/my_cart_es_sp_hover.jpg) ;}

/*** NavBar Rollovers ***/

/*a#albums img { background-position: 0px bottom }*/
a#albums img {background: #ffffff url(/images/nav/albums.jpg) no-repeat 0 0; height:25px; display:block;font-weight:bold;}
a#artists img {background: #ffffff url(/images/nav/artists.jpg) no-repeat 0 0; height:25px; display:block;font-weight:bold;}
a#charts img {background: #ffffff url(/images/nav/charts.jpg) no-repeat 0 0; height:25px; display:block;font-weight:bold;}
a#ptracks img {background: #ffffff url(/images/nav/ptracks.jpg) no-repeat 0 0; height:25px; display:block;font-weight:bold;}
a#news img {background: #ffffff url(/images/nav/news.jpg) no-repeat 0 0; height:25px; display:block;font-weight:bold;}
a#video img {background: #ffffff url(/images/nav/video.jpg) no-repeat 0 0; height:26px; display:block;font-weight:bold;}
a#radio img {background: #ffffff url(/images/nav/radio.jpg) no-repeat 0 0; height:27px; display:block;font-weight:bold;}

a#albums:hover img {background-position:0 -25px;}
a#artists:hover img {background-position:0 -25px;}
a#charts:hover img {background-position:0 -25px;}
a#ptracks:hover img {background-position:0 -25px;}
a#news:hover img {background-position:0 -25px;}
a#video:hover img {background-position:0 -26px;}
a#radio:hover img {background-position:0 -27px;}

a#albums_selected img {background: #ffffff url(/images/nav/albums_selected.jpg) no-repeat 0px bottom;}
a#artists_selected img {background: #ffffff url(/images/nav/artists_selected.jpg) no-repeat 0px bottom;}
a#charts_selected img {background: #ffffff url(/images/nav/charts_selected.jpg) no-repeat 0px bottom;}
a#ptracks_selected img {background: #ffffff url(/images/nav/ptracks_selected.jpg) no-repeat 0px bottom;}
a#news_selected img {background: #ffffff url(/images/nav/news_selected.jpg) no-repeat 0px bottom;}
a#video_selected img {background: #ffffff url(/images/nav/video_selected.jpg) no-repeat 0px bottom;}

a#albums_spanish img {background: #ffffff url(/images/nav/albums_spanish.jpg) no-repeat 0 0; height:25px; display:block;font-weight:bold;}
a#artists_spanish img {background: #ffffff url(/images/nav/artists_spanish.jpg) no-repeat 0 0; height:25px; display:block;font-weight:bold;}
a#charts_spanish img {background: #ffffff url(/images/nav/charts_spanish.jpg) no-repeat 0 0; height:25px; display:block;font-weight:bold;}
a#ptracks_spanish img {background: #ffffff url(/images/nav/ptracks_spanish.jpg) no-repeat 0 0; height:25px; display:block;font-weight:bold;}
a#news_spanish img {background: #ffffff url(/images/nav/news_spanish.jpg) no-repeat 0 0; height:25px; display:block;font-weight:bold;}
a#video_spanish img {background: #ffffff url(/images/nav/video_spanish.jpg) no-repeat 0 0; height:26px; display:block;font-weight:bold;}
a#radio_spanish img {background: #ffffff url(/images/nav/radio.jpg) no-repeat 0 0; height:27px; display:block;font-weight:bold;}

a#albums_spanish:hover img {background-position:0 -25px;}
a#artists_spanish:hover img {background-position:0 -25px;}
a#charts_spanish:hover img {background-position:0 -25px;}
a#ptracks_spanish:hover img {background-position:0 -25px;}
a#news_spanish:hover img {background-position:0 -25px;}
a#video_spanish:hover img {background-position:0 -26px;}
a#radio_spanish:hover img {background-position:0 -27px;}

a#albums_spanish_selected img {background: #ffffff url(/images/nav/albums_selected_spanish.jpg) no-repeat 0px bottom;}
a#artists_spanish_selected img {background: #ffffff url(/images/nav/artists_selected_spanish.jpg) no-repeat 0px bottom;}
a#charts_spanish_selected img {background: #ffffff url(/images/nav/charts_selected_spanish.jpg) no-repeat 0px bottom;}
a#ptracks_spanish_selected img {background: #ffffff url(/images/nav/ptracks_selected_spanish.jpg) no-repeat 0px bottom;}
a#news_spanish_selected img {background: #ffffff url(/images/nav/news_selected_spanish.jpg) no-repeat 0px bottom;}
a#video_spanish_selected img {background: #ffffff url(/images/nav/video_selected_spanish.jpg) no-repeat 0px bottom;}

/*** Shopping Cart ***/

span#cart_container{
        padding:8px;
        position: relative;
        top: -1px;//width:250px;
        //left: 300px;
        float: right;
        z-index: 4;
}

#cart_content{
  position: absolute;
  top: 1px;width:250px;
  left: -246px;
  padding: 5px 5px 5px 5px;
  z-index: 1;border:1px solid #ccc;border-width:0px 1px 1px 1px;
  background: #e8e8e8;
}

/* Holly Hack - Hides from IE5-mac and FF \*/
* html #cart_content {top:-1px;left:-296px}*
/* End hide from IE5-mac */

#cart_content td{padding:0px 3px;font-size: 9px;letter-spacing:0;font-weight:normal;font-family:verdana}

/** cart item **/
table.cart_item{
        background-color: #ddeeee;width:100%;
        border:1px solid #BBCCCC
        }
td.remove_column{width:46px}
td.item_info_column{}
td.item_price_column{text-align:right}

table.cart_total{background-color: #6fb1d2}


#cart_container td {color:#000}
#cart_container a {color:#000}

span#cart_text{padding-right:50px;margin-bottom:5px}

/*********************************
 * Footer
 */
div#footer{
        background: #1F4D63 url(/images/footer_back.gif) no-repeat top left;
        padding-top: 10px;
        font-size:11px;clear:left;
        color:#fff
        }
#footer a{color:#fff}

/*********************************
 * User Area
 */

/*** Tabs ***/
div#user_tabs_container{width:98%;padding:0px}
ul#user_tabs{list-style:none;border-bottom:1px solid #ccc;height:23px}
#user_tabs li{float:left;margin-right:5px}
li#user_tabs_name{margin-top:4px}

/** Downloads ***/
table.downloads{width:98%}
.item_pic td{border-width:0px;padding:0px;padding-right:10px}

/** Invoice Detail **/
table#invoice_detail{width:100%}
td#invoice_detail_left_column{width:65%}
table.invoice_date_number{width:65%}
table#invoice_line_items{width:70%}
#invoice_line_items td{padding-right:10px}
td.order_column{width:60%}
td#invoice_totals{text-align:right}
div.invoice_total{padding-bottom:10px}

/** Credit Cards **/
#payment_method{width:140px}
#card_number{width:120px}
#expiration_date{width:110px}
#cardholder_name{width:140px}
#card_actions{}

table.credit_cards_table{width:97%}
.credit_cards_table td{padding:2px 0px}
#new_card_row td{border-bottom-width:0px}
td.prompt_new_card{font-weight:bold;padding:0px 8px 0px 0px;border-width:0px;width:140px;}
div.helper_info{color: gray;font-size:10px}
td.value_new_card{border-width:0px;font-size:10px;padding:0px;padding-bottom:3px}

/** Credit Card Address **/
div#previous_addresses_container{width:100%;float:left;clear:right}
div#previous_addresses{float:left;margin:10px 15px 20px 0px}

/*********************************
 * Order
 */

/** New **/
table#new_order{width:100%}
td#order_summary{width:60%}

/*********************************
 * Credit Cards
 */

/** New **/
.card_progress_indicator{height:410px;text-align:center;}
.card_progress_indicator img{padding-top:210px}


/*********************************
 * Page Title Bar
 */
#page_title{width:775px;height:54px;background-position:67% 0%;background-repeat:no-repeat;margin-left:5px}
table .home{height:81px}
#page_title td{color:#fff}
table.orange{background:#f46517 url(/images/headers/orange.gif)}
td#page_title_cell{padding-left:10px;width:541px}


/*********************************
 * Sidebar
 */
#right_column ul {list-style:none;margin:0px;margin-top:30px;padding:5px;width:190px;margin-right:20px}
#right_column li {padding:2px;margin:5px}
#right_column li.list_header{border-width:0;padding:0;margin:0}
#right_column ul.first_list{margin:0px}
#right_column .first_list li {margin:0px;padding:0px}

/*********************************
 * Login
 */
td#login_cell{padding-right:20px;border-right:1px solid #ccc}
td#signup_cell{padding-left:20px;padding-right:20px}


/*********************************
 * Home
 */

.home_right_column{padding-top:20px}

/*** Featured Artist ***/
#featured_artist_container{
        /*height:179px;*/
        clear: right;
        }

/*** New Releases ***/
div#new_releases_container .row{clear:left;padding:10px 0px}
.bottom{border-top:1px solid #ccc}

.album_container{display:inline;float:left}

/* classes for the left cell of a new release */
.album_image_cell {padding-right:10px;}
.album_photo {border:1px solid #ccc;padding:3px;width:68px}
.album_preview {text-align:center;padding-top:5px}
.preview_image {padding-left:5px;padding-bottom:5px}

/* classes for the right cell of a new release */
.album_info_cell {padding-left:5px;padding-right:10px;width;133px;height:170px}
.album_and_artist {padding-bottom:10px}
.thumb_album_name {font-family:Trebuchet MS;font-size:14px;font-weight:bold;color:#F46518}
.thumb_artist_name {font-family:Trebuchet MS;font-size:12px;font-weight:bold;color:#1F4D63}

/*** Browse ***/
#tabs{margin-top:10px;position:relative;top:3px;z-index:100}
#browse_container{padding:0px 0px}

/*********************************
 * Browse
 */
img .list_type{margin-bottom:25px}
div#browse_links a{text-decoration:underline}
div#browse_links .divider{padding:0 10px}
div#subcategories{padding:10px 0px;margin:10px 0px 20px 0px;border:1px solid #ccc;border-width:1px 0px 1px 0px;width:70%}
#subcategories ul{list-style:none;padding-bottom:0px;margin-bottom:0px}
.category_name {width:22%}
.category_top_album {width:45%}
.category_top_artist {width:33%}
.browse_by_table{margin-bottom:30px;}

/*********************************
 * Browse Category
 */
.artist_bio{width:30%}

/*********************************
 * Artists
 */

#artist_letters {
        float:right;
        list-style: none;
        margin: 0 0 0 0 ;
        padding: 0;
        padding-right:10px;
}

#artist_letters li {
        display: inline;
        font-weight: bold;
        font-size: 12px;
        margin-right: 3px;
}

a.on {
        color: #000;
}

#artist_detail_image {
        padding-bottom:10px;
        background: url(/images/headers/artist_detail_big.gif) no-repeat;
        width:184px;
        height:23px;
}

#albums_image {
        background: url(/images/headers/albums.gif) no-repeat;
        width:76px;
        height:16px;
}

#podcasts_image {
        background: url(/images/headers/podcasts.gif) no-repeat;
        width:79px;
        height:15px;
}

#artist_bio_image {
        background: url(/images/headers/artist_bio.gif) no-repeat;
        width:93px;
        height:16px;
}

#production_tracks_image {
        background: url(/images/headers/production_tracks.gif) no-repeat;
        width:186px;
        height:16px;
}

/*********************************
 * Albums
 */

/*** Show ***/

#album_information_image{
        background: url(/images/headers/album_information.gif) no-repeat;
        width:193px;
        height:16px;
}

#album_detail_image{
        background: url(/images/headers/album_detail_big.gif) no-repeat;
        width:194px;
        height:22px;
}

#album_tracks_image{
        background: url(/images/headers/album_tracks.gif) no-repeat;
        width:138px;
        height:16px;
}

#charts_image{
        background: url(/images/headers/charts.gif) no-repeat;
        width:175px;
        height:16px;
}

table#cover_and_details{width:95%}
#artist_name{font:16px arial;padding-top:5px}
#album_cover {width:177px;padding-right:20px}
#album_cover img{padding-bottom:20px}
.album_details td, .album_details th{text-align:center}
td.left,th.left {text-align:left}
div#buy_album{float:left;margin:10px 0px}
td.ap_top_buy_button{width:70px}
#buy_album table {table-layout:fixed}
h1 span{font-weight:bold; font-size:12px}
a.image:hover {background:none}

/*** Show Lists ***/
table.album_list{width:690px;margin-bottom:10px}
th.track_name {width:30%}
th.listen {width:20px}
img.album_heading{padding-top:20px}
td.add_to_cart{text-align:right}
div#album_info{padding:20px 10px 20px 0px}

/*** Popular ***/
.sidebar {padding-bottom:0px}

/*********************************
 * Search
 */
#search_box_table{padding:20px 0px 10px 0px}
.search_box{width:300px}
.search_type{margin-right:10px}
.result_details{margin-top:5px}
.result_details span{margin-right:15px}
.search_preview{width:68px}
.artist_result{padding-bottom:15px}

/*********************************
 * Articles
 */
#past_articles{text-align: justify; padding:0px;padding-top:0px;margin-top:10px;width:97%;border-top: 1px solid #ccc;}
#past_articles li {font-size:12px;padding:10px 0;list-style:none;border-bottom: 1px solid #ccc;}
.article_date {display: inline;}
.article_brief { display: inline; margin-left: 0px; font-size:12px;line-height:18px;}


/*********************************
 * About
 */
#language {font-weight:bold;margin-bottom:10px}

/*********************************
 * Cue Submissions
 */
.usage_header{font-weight:bold}

/*********************************
 * Generated Styles
 */

.fieldWithErrors {
  padding: 5px 2px;
  background-color: #F46518;
  display: inline;
  border-collapse:separate;
}

#errorExplanation {
  width: 400px;
  border: 2px solid 'red';
  padding: 0px 5px 5px 5px;
  margin-bottom: 20px;
  background-color: #245b76;
}

#errorExplanation h2 {
  text-align: center;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 14px;
  margin: -5px -5px 0px -5px;
  background-color: #F46518;
  color: #fff;
  letter-spacing:1px
}

#errorExplanation p {
  color: #fff;
  margin-bottom: 0;
  padding: 5px;
  font-size: 13px;font-family: Trebuchet MS, verdana;font-weight:bold
}

#errorExplanation ul li {
  font-size: 11px;
  line-height: 25px;
  list-style: square;
  color: #fff
}

.digicert_right_padding{
  margin-right: 7px;
}   

.new_contact_form label {
  clear: both;
  display: block;
  font-size: 11px;
  margin-bottom: 3px;
  margin-top: 10px;
}

.new_contact_form input, .new_contact_form textarea {
  width:679px;
  border: 1px solid silver;
  margin-bottom: 0px;
  padding: 3px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.simple_captcha_image {
  width: 206px;
  text-align: center;
}

.simple_captcha_label {
  margin: 0 auto;
}

#captcha_td #simple_captcha .simple_captcha_field input {width:200px !important;height:30px;}
#captcha_td{display:block;margin-right:100px;}

input#user_email, input#user_password, input#user_password_confirmation{width:220px;}

