@charset "utf-8";
/* CSS Document */

html {width: 100%; height: 100%; padding: 0; margin: 0;}
body {width: 100%; height: 100%; padding: 0; margin: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000;}
h1, h2, h3, h4, h5, p, ul, ol, dl, dt, dd {padding: 0; margin: 0;}

.facebook_widget{ width: 520px; margin: 5px; }

.facebook_widget.grey{  }

.facebook_widget.green{  }
.facebook_widget.green .smItem{ background: url(bg_item.png) 0 -50px no-repeat; }
.facebook_widget.green .smItem:hover{ background-position: 0 -250px; }
.facebook_widget.green .bl_player table{ background: url(player_bg.gif) 0 -22px repeat-x; }
.facebook_widget.green .bl_dropdown{ background: url(bg_dropdown.png) 0 -50px repeat-x; }

.facebook_widget.blue{  }
.facebook_widget.blue .smItem{ background: url(bg_item.png) 0 -100px no-repeat; }
.facebook_widget.blue .smItem:hover{ background-position: 0 -300px; }
.facebook_widget.blue .bl_player table{ background: url(player_bg.gif) 0 -44px repeat-x; }
.facebook_widget.blue .bl_dropdown{ background: url(bg_dropdown.png) 0 -100px repeat-x; }

.facebook_widget.gold{  }
.facebook_widget.gold .smItem{ background: url(bg_item.png) 0 -150px no-repeat; }
.facebook_widget.gold .smItem:hover{ background-position: 0 -350px; }
.facebook_widget.gold .bl_player table{ background: url(player_bg.gif) 0 -66px repeat-x; }
.facebook_widget.gold .bl_dropdown{ background: url(bg_dropdown.png) 0 -150px repeat-x; }

p {line-height: 20px; margin-bottom: 10px;}
img {border: 0;}

a:link {color: #3b5998; text-decoration: none}
a:visited {color: #990099;}
a:hover {color: #3b5998; text-decoration: underline}
a:active {color: #ff6600; text-decoration: underline}

.smItem {float: left; width: 520px; background: url(bg_item.png) 0 0 no-repeat; height: 50px; cursor: pointer;}
.smItem:hover { background-position: 0 -200px; }

.arrow_open {float: left; background: url(arrow_up.gif) 7px 23px no-repeat; height: 50px; width: 20px;}
.arrow_hidden {float: left; background: url(arrow_down.gif) 7px 23px no-repeat; height: 50px; width: 20px;}
.itemSM {float: left; margin: 0 0 0 15px; padding: 10px 0 0 0; line-height: 15px; width: 460px; }
.itemTitle {color: #000 !important; font-weight: bold; text-decoration: none !important;}
.itemComposer {font-size: 11px;}
.show_all {float: left; width: 520px; background: url(bg_show_all.jpg) 0 0 no-repeat; line-height: 20px; text-align: center; cursor: pointer;}
.show_all a {color: #000; font-size: 11px; font-weight: bold; padding-right: 10px; text-decoration: none;}
.all_sm_hiddem {background:url(arrow_down_black.gif) right 6px no-repeat;}

.itemDetails {float: left; width: 498px; padding: 10px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada;}
.table {float: left; width: 350px; margin-right: 10px; font-size: 11px;}
.table td {vertical-align: top; padding-right: 10px;}
.tblTitle {font-weight: bold; white-space: nowrap;}

.pdfDownloadOrBuy {float: left; border-left: 1px solid #dadada; padding-left: 15px;}
.pdfFile {line-height: 15px; margin-bottom: 15px; background: url(ico_pdf.gif) 0 0 no-repeat; padding-left: 32px;}
.pdfFile a {font-size: 11px;}
.pdfSize {font-size: 11px; color: #999;}

.btnBuy { background: url(btn_buy.gif) 0 0; width: 44px; height: 23px; display: block; margin-top: 5px;}
.btnDownload {background: url(btn_download.gif) 0 0; width: 77px; height: 23px; display: block; margin-top: 5px;}

/*-- player --*/
.bl_player{width: 100%; float: left;}
.bl_player table{ width: 100%; height: 22px; background: url(player_bg.gif) 0 0 repeat-x; padding-left: 20px;}
.bl_player table td{ vertical-align: middle; padding: 0 10px; }
.bl_player table td.td_w{ width: 100%; padding: 0; }
.bl_inp{ background: #fff url(1inp_bg.gif) 0 0 repeat-x; height: 5px; width: 100%;  }
.bl_player_bg{ height: 5px; position: absolute; z-index: 3; top: 0px; width: 100%; }
.bl_player_bg_js{ background: #666; height: 5px; position: absolute; top: 0px; z-index: 2; }
.bl_player_bg_load_js{ background: #ccc; height: 5px; position: absolute; top: 0px; z-index: 1; }

.player_play, .player_pause{ float: left; }
.player_play a{ background: url(icons_play_pause.png) 0 0 no-repeat; display: block; width: 19px; height: 19px; }
.player_play a:hover{ background-position: 0 -19px; }
.player_pause a{ background: url(icons_play_pause.png) -19px 0 no-repeat; display: block; width: 19px; height: 19px; }
.player_pause a:hover{ background-position: -19px -19px; }

.bl_volume{ width: 50px; }
.bl_volume a{ display: block; float: left; }
.volume{ background: url(icons_volume.gif) 0 -22px no-repeat; width: 18px; height: 11px; float: left; }
.volume_low{ padding: 2px 5px 0 0;  float: left; }
.volume_low a{ background: url(ico_volume_low.gif) 0 0 no-repeat; width: 9px; height: 9px; }
.volume_loud{ padding: 2px 0 0 5px; float: left; }
.volume_loud a{ background: url(ico_volume_loud.gif) 0 0 no-repeat; width: 9px; height: 9px; }
/*-- /player --*/

.bl_dropdown{ margin: 0; background: url(bg_dropdown.png) 0 0 repeat-x; padding: 13px 10px 0; height: 37px; }
.bl_dropdown select{ width: 100%; }
ul.paging{ margin: 0; padding: 20px 0 0; float: left; }
ul.paging li{ margin: 0 15px 0 0; padding: 0 0 10px; float: left; list-style-type: none; }
ul.paging li.active{ color: #f60; font-weight: bold; }
ul.paging li.noactive{ color: #959595; }