/* CSS Document */ .releases_table td { vertical-align: top; } .releases_left_column { width: 200px; padding-right: 13px; } .releases_left_column div { margin-bottom: 11px; } #releases_header { width: 91px; height: 38px; padding-left: 420px; padding-top: 30px; background: url('../images/inner/releases_header.gif') left top no-repeat; } .releases_middle_column { width: 511px; padding-right: 11px; } #releases_month { width: 216px; background:#E8E7DB url('../images/inner/releases_month_bg_header.gif') left top no-repeat; position:relative; z-index:20;} #releases_month_cont { width: 206px; height: 147px; background: url('../images/inner/releases_month_bg.gif') left top no-repeat; padding: 27px 0 0 10px;} .releases_month_cont_{ height: 177px !important; background: url('../images/inner/releases_month_bg_.gif') left top no-repeat !important; padding: 27px 0 0 10px;} .releases_month_table {} .releases_month_table td { border: 0px solid #f00; height: 27px; width: 25px; text-align: center; vertical-align: middle; color: #acacaf; font-size: 11px; } .releases_month_table td a:link, .releases_month_table td a:visited { color: #5a5a60; font-size: 11px; text-decoration: underline; font-weight: bold; } .releases_month_table td a:hover { color: #151517; font-size: 11px; text-decoration: none; } #releases_month_footer { width: 216px; height: 14px; background: url('../images/inner/releases_month_footer.gif') left top no-repeat; } #selectYearMonth{ padding: 20px 0 20px 22px; height:40px; width: 171px; position:relative; z-index:50;} .month{ position:relative; z-index:5; float:left; width: 124px; margin-left: 10px; padding-bottom: 4px; background: url(../images/dateLine.gif) repeat-x left bottom; height: 38px; cursor:pointer;} .month span{ float:left; width: 124px; height:38px; cursor:pointer;} .year{ position:relative; z-index:5; float:left; width: 27px; padding-bottom: 4px; background: url(../images/dateLine.gif) repeat-x left bottom; height: 38px; cursor:pointer;} .year span{ float:left; width: 27px; height:38px; cursor:pointer;} #month01{ background: url(../images/month1.gif) no-repeat;} #month02{ background: url(../images/month2.gif) no-repeat;} #month03{ background: url(../images/month3.gif) no-repeat;} #month04{ background: url(../images/month4.gif) no-repeat;} #month05{ background: url(../images/month5.gif) no-repeat;} #month06{ background: url(../images/month6.gif) no-repeat;} #month07{ background: url(../images/month7.gif) no-repeat;} #month08{ background: url(../images/month8.gif) no-repeat;} #month09{ background: url(../images/month9.gif) no-repeat;} #month10{ background: url(../images/month10.gif) no-repeat;} #month11{ background: url(../images/month11.gif) no-repeat;} #month12{ background: url(../images/month12.gif) no-repeat;} #month01a{ background: url(../images/month1a.gif) no-repeat;} #month02a{ background: url(../images/month2a.gif) no-repeat;} #month03a{ background: url(../images/month3a.gif) no-repeat;} #month04a{ background: url(../images/month4a.gif) no-repeat;} #month05a{ background: url(../images/month5a.gif) no-repeat;} #month06a{ background: url(../images/month6a.gif) no-repeat;} #month07a{ background: url(../images/month7a.gif) no-repeat;} #month08a{ background: url(../images/month8a.gif) no-repeat;} #month09a{ background: url(../images/month9a.gif) no-repeat;} #month10a{ background: url(../images/month10a.gif) no-repeat;} #month11a{ background: url(../images/month11a.gif) no-repeat;} #month12a{ background: url(../images/month12a.gif) no-repeat;} #month01m{ background: url(../images/month1m.gif) no-repeat 10px center;} #month02m{ background: url(../images/month2m.gif) no-repeat 10px center;} #month03m{ background: url(../images/month3m.gif) no-repeat 10px center;} #month04m{ background: url(../images/month4m.gif) no-repeat 10px center;} #month05m{ background: url(../images/month5m.gif) no-repeat 10px center;} #month06m{ background: url(../images/month6m.gif) no-repeat 10px center;} #month07m{ background: url(../images/month7m.gif) no-repeat 10px center;} #month08m{ background: url(../images/month8m.gif) no-repeat 10px center;} #month09m{ background: url(../images/month9m.gif) no-repeat 10px center;} #month10m{ background: url(../images/month10m.gif) no-repeat 10px center;} #month11m{ background: url(../images/month11m.gif) no-repeat 10px center;} #month12m{ background: url(../images/month12m.gif) no-repeat 10px center;} #month01m:hover{ background:#DF006B url(../images/month1ma.gif) no-repeat 10px center;} #month02m:hover{ background:#DF006B url(../images/month2ma.gif) no-repeat 10px center;} #month03m:hover{ background:#DF006B url(../images/month3ma.gif) no-repeat 10px center;} #month04m:hover{ background:#DF006B url(../images/month4ma.gif) no-repeat 10px center;} #month05m:hover{ background:#DF006B url(../images/month5ma.gif) no-repeat 10px center;} #month06m:hover{ background:#DF006B url(../images/month6ma.gif) no-repeat 10px center;} #month07m:hover{ background:#DF006B url(../images/month7ma.gif) no-repeat 10px center;} #month08m:hover{ background:#DF006B url(../images/month8ma.gif) no-repeat 10px center;} #month09m:hover{ background:#DF006B url(../images/month9ma.gif) no-repeat 10px center;} #month10m:hover{ background:#DF006B url(../images/month10ma.gif) no-repeat 10px center;} #month11m:hover{ background:#DF006B url(../images/month11ma.gif) no-repeat 10px center;} #month12m:hover{ background:#DF006B url(../images/month12ma.gif) no-repeat 10px center;} #year2000{ background: url(../images/years/4/2000.gif) no-repeat;} #year2001{ background: url(../images/years/4/2001.gif) no-repeat;} #year2002{ background: url(../images/years/4/2002.gif) no-repeat;} #year2003{ background: url(../images/years/4/2003.gif) no-repeat;} #year2004{ background: url(../images/years/4/2004.gif) no-repeat;} #year2005{ background: url(../images/years/4/2005.gif) no-repeat;} #year2006{ background: url(../images/years/4/2006.gif) no-repeat;} #year2007{ background: url(../images/years/4/2007.gif) no-repeat;} #year2008{ background: url(../images/years/4/2008.gif) no-repeat;} #year2009{ background: url(../images/years/4/2009.gif) no-repeat;} #year2010{ background: url(../images/years/4/2010.gif) no-repeat;} #year2011{ background: url(../images/years/4/2011.gif) no-repeat;} #year2012{ background: url(../images/years/4/2012.gif) no-repeat;} #year2013{ background: url(../images/years/4/2013.gif) no-repeat;} #year2014{ background: url(../images/years/4/2014.gif) no-repeat;} #year2015{ background: url(../images/years/4/2015.gif) no-repeat;} #year2016{ background: url(../images/years/4/2016.gif) no-repeat;} #year2017{ background: url(../images/years/4/2017.gif) no-repeat;} #year2018{ background: url(../images/years/4/2018.gif) no-repeat;} #year2019{ background: url(../images/years/4/2019.gif) no-repeat;} #year2020{ background: url(../images/years/4/2020.gif) no-repeat;} #year2000a{ background: url(../images/years/3/2000.gif) no-repeat;} #year2001a{ background: url(../images/years/3/2001.gif) no-repeat;} #year2002a{ background: url(../images/years/3/2002.gif) no-repeat;} #year2003a{ background: url(../images/years/3/2003.gif) no-repeat;} #year2004a{ background: url(../images/years/3/2004.gif) no-repeat;} #year2005a{ background: url(../images/years/3/2005.gif) no-repeat;} #year2006a{ background: url(../images/years/3/2006.gif) no-repeat;} #year2007a{ background: url(../images/years/3/2007.gif) no-repeat;} #year2008a{ background: url(../images/years/3/2008.gif) no-repeat;} #year2009a{ background: url(../images/years/3/2009.gif) no-repeat;} #year2010a{ background: url(../images/years/3/2010.gif) no-repeat;} #year2011a{ background: url(../images/years/3/2011.gif) no-repeat;} #year2012a{ background: url(../images/years/3/2012.gif) no-repeat;} #year2013a{ background: url(../images/years/3/2013.gif) no-repeat;} #year2014a{ background: url(../images/years/3/2014.gif) no-repeat;} #year2015a{ background: url(../images/years/3/2015.gif) no-repeat;} #year2016a{ background: url(../images/years/3/2016.gif) no-repeat;} #year2017a{ background: url(../images/years/3/2017.gif) no-repeat;} #year2018a{ background: url(../images/years/3/2018.gif) no-repeat;} #year2019a{ background: url(../images/years/3/2019.gif) no-repeat;} #year2020a{ background: url(../images/years/3/2020.gif) no-repeat;} #year2000m{ background: url(../images/years/2/2000.gif) no-repeat 125px center;} #year2001m{ background: url(../images/years/2/2001.gif) no-repeat 125px center;} #year2002m{ background: url(../images/years/2/2002.gif) no-repeat 125px center;} #year2003m{ background: url(../images/years/2/2003.gif) no-repeat 125px center;} #year2004m{ background: url(../images/years/2/2004.gif) no-repeat 125px center;} #year2005m{ background: url(../images/years/2/2005.gif) no-repeat 125px center;} #year2006m{ background: url(../images/years/2/2006.gif) no-repeat 125px center;} #year2007m{ background: url(../images/years/2/2007.gif) no-repeat 125px center;} #year2008m{ background: url(../images/years/2/2008.gif) no-repeat 125px center;} #year2009m{ background: url(../images/years/2/2009.gif) no-repeat 125px center;} #year2010m{ background: url(../images/years/2/2010.gif) no-repeat 125px center;} #year2011m{ background: url(../images/years/2/2011.gif) no-repeat 125px center;} #year2012m{ background: url(../images/years/2/2012.gif) no-repeat 125px center;} #year2013m{ background: url(../images/years/2/2013.gif) no-repeat 125px center;} #year2014m{ background: url(../images/years/2/2014.gif) no-repeat 125px center;} #year2015m{ background: url(../images/years/2/2015.gif) no-repeat 125px center;} #year2016m{ background: url(../images/years/2/2016.gif) no-repeat 125px center;} #year2017m{ background: url(../images/years/2/2017.gif) no-repeat 125px center;} #year2018m{ background: url(../images/years/2/2018.gif) no-repeat 125px center;} #year2019m{ background: url(../images/years/2/2019.gif) no-repeat 125px center;} #year2020m{ background: url(../images/years/2/2020.gif) no-repeat 125px center;} #year2000m:hover{ background:#DF006B url(../images/years/1/2000.gif) no-repeat 125px center;} #year2001m:hover{ background:#DF006B url(../images/years/1/2001.gif) no-repeat 125px center;} #year2002m:hover{ background:#DF006B url(../images/years/1/2002.gif) no-repeat 125px center;} #year2003m:hover{ background:#DF006B url(../images/years/1/2003.gif) no-repeat 125px center;} #year2004m:hover{ background:#DF006B url(../images/years/1/2004.gif) no-repeat 125px center;} #year2005m:hover{ background:#DF006B url(../images/years/1/2005.gif) no-repeat 125px center;} #year2006m:hover{ background:#DF006B url(../images/years/1/2006.gif) no-repeat 125px center;} #year2007m:hover{ background:#DF006B url(../images/years/1/2007.gif) no-repeat 125px center;} #year2008m:hover{ background:#DF006B url(../images/years/1/2008.gif) no-repeat 125px center;} #year2009m:hover{ background:#DF006B url(../images/years/1/2009.gif) no-repeat 125px center;} #year2010m:hover{ background:#DF006B url(../images/years/1/2010.gif) no-repeat 125px center;} #year2011m:hover{ background:#DF006B url(../images/years/1/2011.gif) no-repeat 125px center;} #year2012m:hover{ background:#DF006B url(../images/years/1/2012.gif) no-repeat 125px center;} #year2013m:hover{ background:#DF006B url(../images/years/1/2013.gif) no-repeat 125px center;} #year2014m:hover{ background:#DF006B url(../images/years/1/2014.gif) no-repeat 125px center;} #year2015m:hover{ background:#DF006B url(../images/years/1/2015.gif) no-repeat 125px center;} #year2016m:hover{ background:#DF006B url(../images/years/1/2016.gif) no-repeat 125px center;} #year2017m:hover{ background:#DF006B url(../images/years/1/2017.gif) no-repeat 125px center;} #year2018m:hover{ background:#DF006B url(../images/years/1/2018.gif) no-repeat 125px center;} #year2019m:hover{ background:#DF006B url(../images/years/1/2019.gif) no-repeat 125px center;} #year2020m:hover{ background:#DF006B url(../images/years/1/2020.gif) no-repeat 125px center;} .monthm{ display:block; height:30px; width: 171px;} .yearm{ display:block; height:30px; width: 171px;} #selectMonth{ display:none; position:absolute; z-index:2; left: 22px; top: 0; width: 171px; background:#F5C007 url(../images/dateBoxTop.gif) no-repeat; padding-top: 57px;} #selectMonth ul{ padding-bottom: 13px; background:transparent url(../images/dateBoxBot.gif) no-repeat left bottom; position:relative; top:13px; z-index:300;} #selectYear{ display:none; position:absolute; z-index:2; left: 22px; top: 0; width: 171px; background:#F5C007 url(../images/dateBoxTop.gif) no-repeat; padding-top: 70px;} #selectYear ul{ padding-bottom: 13px; background:transparent url(../images/dateBoxBot.gif) no-repeat left bottom; position:relative; top:13px; z-index:300;} #releases_by_style { width: 216px; padding-top: 38px; margin-top: 8px; background: url('../images/inner/releases_genre.gif') left top no-repeat; } #releases_by_style ul { background: #e8e7db ; padding-top: 8px; padding-left: 15px; } .releases_by_style_li { margin-top: 8px; padding-bottom: 8px; width: 186px; background: url('../images/inner/artists_by_style_line.gif') left bottom repeat-x; } .releases_by_style_li img, .releases_by_style_li_last img { cursor: pointer; } .releases_by_style_li_last { margin-top: 8px; width: 186px; } #releases_by_style_footer { width: 216px; height: 14px; background: url('../images/inner/artists_by_style_footer.gif') left top no-repeat; } #releases_alphabet { width: 511px; height: 60px; margin-top: 7px; } #releases_alphabet_left { width: 13px; height: 60px; position: absolute; top: 0px; left: 0px; background: url('../images/inner/artists_alphabet_left.gif') left top no-repeat; } #releases_alphabet_middle { width: 473px; height: 60px; position: absolute; top: 0px; left: 13px; background: url('../images/inner/artists_alphabet_middle.gif') left top repeat-x; } #releases_alphabet_right { width: 25px; height: 60px; position: absolute; top: 0px; right: 0px; background: url('../images/inner/artists_alphabet_right.gif') left top no-repeat; } #releases_alphabet_eng { color: #00f0ff; top: 12px; padding-bottom: 7px; border-bottom: 1px solid #6c6c71; } #releases_alphabet_rus { color: #00f0ff; top: 18px; } #releases_alphabet_eng ul { display: inline; margin-left: 45px; } #releases_alphabet_rus ul { display: inline; margin-left: 57px; } #releases_alphabet_eng li { display: inline; margin-left: 2px; } #releases_alphabet_rus li { display: inline; margin-left: 0px; } #releases_alphabet_eng li a:link, #releases_alphabet_eng li a:visited, #releases_alphabet_rus li a:link, #releases_alphabet_rus li a:visited { color: #fff; text-decoration: none; } #releases_alphabet_rus li a:hover, #releases_alphabet_eng li a:hover { color: #f5bf07; } #releases_list { width: 511px; } .releases_list{ width: 511px;} .releases_list, .releases_list tr, .releases_list td { padding: 0; margin: 0; border: 0px; } .releases_list td{ width: 170px!important;} .releases_list .releases_cd_element img { margin:5px 0px 0 0; width: 163px; height:163px;} .releases_list .releases_dvd_element img { margin:5px 0px 0 0; width: 163px; height:228px;} .releases_alph { width: 511px; height: 29px; margin-top: 7px; } .releases_alph_left { position: absolute; left: 0px; top: 0px; width: 10px; height: 29px; background: url('../images/inner/artists_alph_bg.gif') left top no-repeat; } .releases_alph_middle { position: absolute; left: 10px; width: 491px; height: 26px; text-align: center; padding-top: 3px; background: url('../images/inner/artists_alph_bg_middle.gif') left top repeat-x; color: #f5bf07; font-size: 18px; font-weight: bold; } .releases_alph_right { position: absolute; right: 0px; top: 0px; width: 10px; height: 29px; background: url('../images/inner/artists_alph_bg.gif') right top no-repeat; } #releases_alph_list { margin-top: 6px; margin-bottom: 6px; } #releases_alph_list li { width: 511px; } #releases_alph_list li a:link, #releases_alph_list li a:visited { display: block; height: 23px; padding-top: 6px; padding-left: 13px; padding-right: 13px; width: 485px; background: none; color: #5a5a60; text-decoration: none; font-size: 14px; font-weight: bold; } #releases_alph_list li a:hover { color: #fff; background: url('../images/inner/artists_alph_list_bg.gif') left top no-repeat; } #releases_one_name { top: 8px; padding-bottom: 7px; border-bottom: 1px solid #6c6c71; } #releases_one_name a:link, #releases_one_name a:visited, #releases_one_name a:hover { color: #00f0ff; font-size: 16px; text-decoration: none; } #releases_one_www { top: 12px; } #releases_one_www a:link, #releases_one_www a:visited { color: #00f0ff; text-decoration: none; } #releases_one_style { top: 6px; float: right; font-size: 10px; color: #bfbfc3; } #releases_future { width: 200px; padding-top: 46px; margin-top: 10px; background: url('../images/inner/releases_future.gif') left top no-repeat;} #releases_future ul { background: #e8e7db ; padding-top: 1px; padding-left: 17px; } .releases_future_li { margin-top: 9px; width: 166px; background: url('../images/inner/artists_by_style_line.gif') left bottom repeat-x; padding-bottom:6px;} .releases_future_li img, .releases_future_li_last img { cursor: pointer; } .releases_future_li_last { margin-top: 9px; width: 166px; } #releases_future_footer { width: 200px; height: 14px; background: url('../images/inner/artists_by_style_footer_.gif') left top no-repeat; } #releases_buy { margin-top: 8px; } #releases_info { width: 495px; padding-left: 15px; height: 59px; margin-top: 8px; margin-bottom: 4px; background: url('../images/reliseTitleBg.gif') no-repeat; } #releases_info_title { color: #df006b; font-size: 18px; font-weight: bold; padding: 5px 0 10px 0;} #releases_info_about { color: #5a5a60; font-size: 12px;} .releases_content { padding-left: 27px; } .releases_content h3 { color: #5a5a60; font-size: 18px; font-weight: bold; margin: 0px; margin-top: 11px; margin-bottom: 10px; } .releases_content, .releases_content li { color: #5a5a60; font-size: 11px; } .releases_content ul, .releases_content ol { margin-left: 20px; list-style: decimal; margin-bottom: 5px; } #releases_about { width: 511px; height: 29px; background: url('../images/inner/releases_about_line.gif') left top no-repeat; margin-top: 10px; margin-bottom: 5px; } #releases_about_buy { width: 511px; height: 29px; background: url('../images/inner/releases_buy_line.gif') left top no-repeat; margin-top: 10px; margin-bottom: 5px; } #releases_about_content p { text-align: justify; margin: 0px; margin-bottom: 5px; color: #5a5a60; font-size: 11px; width:491px; padding-left:10px; padding-right:10px;} .releases_cd { margin-top: 7px; width: 511px; height: 29px; background: url('../images/inner/artists_cd.gif') left top no-repeat; } .releases_dvd { margin-top: 4px; width: 511px; height: 29px; background: url('../images/inner/artists_dvd.gif') left top no-repeat; } /**/ .releases_cd_element { display: block; height: 163px; margin-bottom: 7px; width: 170px;} .releases_cd_element img{background: url(../images/whiteBg2.gif) no-repeat;} .releases_cd_rollout { display: block; height: 163px; cursor: pointer; border: 1px solid #f00; } .releases_cd_rollover { background: url('../images/inner/cd_rollover_bg.gif') left top no-repeat; font-size: 10px; font-weight: bold; margin-top: -85px; cursor: pointer; position: relative; width: 150px; padding: 0 10px; height: 85px; vertical-align: middle; overflow:hidden; } .releases_cd_rollover div { width: 163px; height: 85px; display:table-cell; vertical-align:middle; position:relative; } .releases_cd_rollover a { color: #fff; text-decoration: none; font-size: 10px; } .releases_cd_rollover a h2 { padding: 0px; margin: 0px; margin-bottom: 5px; color: #00f0ff; text-decoration: none; font-size: 11px; font-weight: bold; } /**/ .releases_dvd_element { display: block; height: 228px; margin-bottom: 7px; width:170px;} .releases_dvd_rollout { display: block; height: 228px; cursor: pointer;} .releases_dvd_element img{background: url(../images/whiteBg1.gif) no-repeat;} .releases_dvd_rollover { background: url('../images/inner/cd_rollover_bg.gif') left top no-repeat; font-size: 10px; font-weight: bold; margin-top: -85px; padding:0 15px; cursor: pointer; position: relative; display: inline-table; width: 163px; height: 85px; vertical-align: middle; overflow:hidden; } *html .releases_dvd_rollover { width: 133px;} .releases_dvd_rollover div { width: 163px; height: 85px; display:table-cell; vertical-align:middle; position:relative; } .releases_dvd_rollover a { color: #fff; text-decoration: none; font-size: 10px; } .releases_dvd_rollover a h2 { padding: 0px; margin: 0px; margin-bottom: 5px; color: #00f0ff; text-decoration: none; font-size: 11px; font-weight: bold; } .releases_style_title { margin-top: 10px; width: 511px; height: 29px; } #releases_singls { width: 511px; height: 29px; background: url('../images/inner/releases_singls_line.gif') left top no-repeat; margin-top: 10px; margin-bottom: 5px; } .singls_list_element { margin-bottom: 8px; padding-bottom: 20px; background: url('../images/inner/news_line_big.gif') left bottom repeat-x } .singls_list_element_td_1 { width: 100px; padding-right: 16px; } .singls_list_element_td_2 { width: 394px; padding-top: 7px; } .singls_list_element_title a:link, .singls_list_element_title a:visited, .singls_list_element_title a:hover { color: #df006b; font-size: 18px; font-weight: bold; text-decoration: none; } .singls_list_element_title { color: #5a5a60; font-size: 18px; font-weight: bold; } .singls_list_element_track { width: 195px; height: 23px; margin-top: 11px;; } .singls_list_element_track, .singls_list_element_track a:link, .singls_list_element_track a:visited, .singls_list_element_track a:hover { color: #5a5a60; font-size: 10px; } .singls_list_element_links { margin-top: 14px; width: 200px; height: 29px; } .singls_list_element_test { width: 133px; height: 22px; padding-left: 7px; padding-top: 3px; background: url('../images/inner/singls_test.gif') left top no-repeat; left: 255px; margin-top: -66px; } .singls_list_element_test img { padding-left: 3px; padding-right: 3px; cursor: pointer; } #releases_clips { width: 511px; height: 29px; background: url('../images/inner/releases_clips_line.gif') left top no-repeat; margin-top: 10px; margin-bottom: 5px; } .clips_list_element { margin-bottom: 13px; padding-bottom: 25px; background: url('../images/inner/news_line_big.gif') left bottom repeat-x; } .clips_list_element_last { margin-bottom: 13px; padding-bottom: 0px; } .clips_list_element_cont { width: 511px; overflow: hidden; } .clips_list_element_td_1 { float: left; width: 155px; padding-right: 16px; } .clips_list_element_td_2 { float: right; width: 333px; padding-top: 7px; } .clips_list_element_title a:link, .clips_list_element_title a:visited, .clips_list_element_title a:hover { color: #df006b; font-size: 18px; font-weight: bold; text-decoration: none; } .clips_list_element_title { color: #5a5a60; font-size: 18px; font-weight: bold; } .clips_list_element_track { width: 300px; height: 225px; margin-top: 10px; } .clips_list_element_track, .clips_list_element_track a:link, .clips_list_element_track a:visited, .clips_list_element_track a:hover { color: #5a5a60; font-size: 10px; } .clips_list_element_links { margin-top: 14px; width: 200px; height: 29px; } .clips_list_element_test { width: 133px; height: 22px; margin-top: 10px; padding-left: 7px; padding-top: 3px; background: url('../images/inner/singls_test.gif') left top no-repeat; } .clips_list_element_test img { padding-left: 3px; padding-right: 3px; cursor: pointer; }