@import url("/skins/black/sprites.css");
@import url("/skins/black/sprites-rep.css");

html, body
{
  height: 99%;
  color: white;
  background-color: black;
}



/*--------------------------------------------*/
/* TABLE                                      */
/*--------------------------------------------*/

table
{ 
  vertical-align: top;
  text-align:    left;
  width:         100%;
  height:        100%;
  table-layout:  fixed;
  margin-left:   auto;
  margin-right:  auto;
}

table.list
{ 
  vertical-align: top;
  text-align:    left;
  width:         100%;
  height:        auto;
/*   height:        100%; */
  margin-left:   auto;
  margin-right:  auto;
  table-layout:  auto;
/*  border:        10px solid #888888;*/
}

table.tab
{ 
  vertical-align: top;
  text-align:    left;
  width:         100%;
  height:        100%;
  margin-left:   auto;
  margin-right:  auto;
  table-layout:  auto;
/*  border:        10px solid #888888;*/
}



/*--------------------------------------------*/
/* TR                                         */
/*--------------------------------------------*/

tr.row0
{ 
  height:           10px;
  background-color: #222222;
  color:            #FFFFFF;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        24px;
}

tr.row1
{ 
  height:           110px;
  background-color: #333333;
}

tr.row2
{ 
  height:           110px;
  background-color: #222222;
}

tr.row3
{ 
  height:           25px;
  background-color: #333333;
}

tr.row4
{ 
  height:           25px;
  background-color: #222222;
}



tr.welcome0,
tr.welcome1,
tr.welcome2
{ 
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

tr.welcome0
{ 
  height:           10px;
  background-color: #222222;
  color:            #FFFFFF;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        24px;
  font-weight:      bold;
}

tr.welcome1
{ 
  height:           220px;
  background-color: #333333;
}



tr.news0,
tr.news1,
tr.news2
{ 
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

tr.news0
{ 
  height:           10px;
  background-color: #222222;
  color:            #FFFFFF;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        24px;
  font-weight:      bold;
}

tr.news1
{ 
  height:           50px;
  background-color: #333333;
}

tr.news2
{ 
  height:           50px;
  background-color: #222222;
}



tr.twitter0,
tr.twitter1,
tr.twitter2
{ 
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

tr.twitter0
{ 
  height:           10px;
  background-color: #222222;
  color:            #FFFFFF;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        24px;
  font-weight:      bold;
}

tr.twitter1
{ 
  height:           10px;
  background-color: #333333;
}



tr.about0,
tr.about1,
tr.about2
{ 
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

tr.about0
{ 
  height:           10px;
  background-color: #222222;
  color:            #FFFFFF;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        24px;
  font-weight:      bold;
}

tr.about1
{ 
  height:           220px;
  background-color: #333333;
}

tr.about2
{ 
  height:           50px;
  background-color: #222222;
}



tr.history0,
tr.history1,
tr.history2
{ 
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

tr.history0
{ 
  height:           10px;
  background-color: #222222;
  color:            #FFFFFF;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        24px;
  font-weight:      bold;
}

tr.history1
{ 
  height:           50px;
  background-color: #333333;
}

tr.history2
{ 
  height:           50px;
  background-color: #222222;
}



tr.play0,
tr.play1,
tr.play2
{ 
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

tr.play0
{ 
  height:           10px;
  background-color: #222222;
  color:            #FFFFFF;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        24px;
  font-weight:      bold;
}

tr.play1
{ 
  height:           110px;
  background-color: #333333;
}

tr.play2
{ 
  height:           110px;
  background-color: #222222;
}



tr.intro0
{ 
  height:           24px;
  color:            white;
  background-color: #222222;
}

tr.intro1
{ 
  height:           auto;
  background-color: #111111;
}

tr.intro2
{ 
  height:           auto;
  background-color: #111111;
}



tr.hardware0
{ 
  height:           24px;
  color:            white;
  background-color: #222222;
}

tr.hardware1
{ 
  height:           auto;
  background-color: #111111;
}

tr.hardware2
{ 
  height:           auto;
  background-color: #111111;
}



tr.tracks0
{ 
  height:           auto;
  color:            black;
  background-color: #AAAAAA;
}

tr.tracks1
{ 
  height:           auto;
  background-color: #333333;
}

tr.tracks2
{ 
  height:           auto;
  background-color: #222222;
}



tr.covers0
{ 
  height:           auto;
  color:            black;
  background-color: #AAAAAA;
}

tr.covers1
{ 
  height:           auto;
  background-color: #333333;
}

tr.covers2
{ 
  height:           auto;
  background-color: #222222;
}



tr.videos0
{ 
  height:           auto;
  color:            black;
  background-color: #AAAAAA;
}

tr.videos1
{ 
  height:           auto;
  background-color: #333333;
}

tr.videos2
{ 
  height:           auto;
  background-color: #222222;
}



tr.extras0
{ 
  height:           auto;
  color:            black;
  background-color: #AAAAAA;
}

tr.extras1
{ 
  height:           auto;
  background-color: #333333;
}

tr.extras2
{ 
  height:           auto;
  background-color: #222222;
}



tr.links0
{ 
  height:           24px;
  color:            white;
  background-color: #222222;
}

tr.links1
{ 
  height:           auto;
  background-color: #111111;
}

tr.links2
{ 
  height:           auto;
  background-color: #111111;
}



tr.thanks0
{ 
  height:           24px;
  color:            white;
  background-color: #222222;
}

tr.thanks1
{ 
  height:           auto;
  background-color: #111111;
}

tr.thanks2
{ 
  height:           auto;
  background-color: #111111;
}



tr.info0
{ 
  height:           24px;
  color:            white;
  background-color: #222222;
}

tr.info1
{ 
  height:           auto;
  background-color: #333333;
}

tr.info2
{ 
  height:           auto;
  background-color: #222222;
}



tr.lyrics0
{ 
  height:           24px;
  color:            white;
  background-color: #222222;
}

tr.lyrics1
{ 
  height:           auto;
  background-color: #333333;
}



/*--------------------------------------------*/
/* TD                                         */
/*--------------------------------------------*/

td
{
  vertical-align: top;
  text-align:     center;
}

td.border
{
  vertical-align: top;
  text-align:     left;
  width:          70px;
  height:         70px
}

td.menu-bg
td.menu-item,
td.menu-left,
td.menu-right
{ 
  vertical-align:        top;
  height:                20px;
}

td.menu-bg
{ 
  text-align:            center;
  background-color:      transparent;
  background-image:      url(/skins/black/images/menu-bg.png);
  background-repeat:     repeat-x;
  background-attachment: scroll; 
}

td.menu-item
{ 
  text-align:     center;
}

td.menu-left
{ 
  text-align:     right;
}

td.menu-right
{ 
  text-align:     left;
}

td.body
{
  vertical-align: middle;
  text-align:     left;
}

td.line-bg
{ 
  vertical-align:        top;
  text-align:            center;
  height:                20px;
  background-color:      transparent;
  background-image:      url(/skins/black/images/line-m.png);
  background-repeat:     repeat-x;
  background-attachment: scroll; 
}

td.col1
{ 
  vertical-align: middle;
/*  border:        1px solid black;*/
}

td.col2
{ 
  vertical-align: middle;
  text-align:     center;
  height:         30px;
  font-family:    verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  margin:         0;
  font-size:      16px;
  font-weight:    bold;
/*  border:        1px solid black;*/
}

td.col3
{ 
  vertical-align: middle;
  text-align:     left;
  height:         30px;
/*  border:        1px solid black;*/
}

td.col4
{ 
  vertical-align: middle;
  text-align:     right;
  height:         30px;
/*   font-size:     12px;*/
/*  border:        1px solid black;*/

}

td.col5
{ 
  vertical-align: middle;
  text-align:     left;
  height:         30px;
  height:         30px;
  font-family:    verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  margin:         0;
  font-size:      10px;
/*  border:        1px solid black;*/
}



td.welcome0,
td.welcome00,
td.welcome01,
td.welcome1
{ 
  vertical-align:   middle;
  text-align:       center;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        14px;
}

td.welcome0
{ 
  width:            96px;
  background-color: #222222;
}

td.welcome00
{ 
  width:            10px;
  background-color: #000000;
}

td.welcome01
{ 
  width:            20px;
}

td.welcome1
{ 
  text-align:       left;
  font-size:        16px;
}


td.news0,
td.news00,
td.news01,
td.news1,
td.news2,
td.news3,
td.news4
{ 
  vertical-align:   middle;
  text-align:       center;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        14px;
}

td.news0
{ 
  width:            96px;
  background-color: #222222;
}

td.news00
{ 
  width:            10px;
  background-color: #000000;
}

td.news01
{ 
  width:            10px;
}

td.news1
{ 
  width:            110px;
  text-align:       left;
  font-size:        14px;
  font-weight:      bold;
}

td.news2
{ 
  font-size:        14px;
  text-align:       left;
}

td.news3
{ 
  font-size:        16px;
  font-weight:      bold;
}

td.news4
{ 
  width:            110px;
}



td.twitter0,
td.twitter00,
td.twitter01,
td.twitter1
{ 
  vertical-align:   middle;
  text-align:       center;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        14px;
}

td.twitter0
{ 
  width:            96px;
  background-color: #222222;
}

td.twitter00
{ 
  width:            10px;
  background-color: #000000;
}

td.twitter01
{ 
  width:            20px;
  background-color: #222222;
}

td.twitter1
{ 
  text-align:       center;
  font-size:        16px;
}


td.about0,
td.about00,
td.about01,
td.about1,
td.about2
{ 
  vertical-align:   middle;
  text-align:       center;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        14px;
}

td.about0
{ 
  width:            96px;
  background-color: #222222;
}

td.about00
{ 
  width:            10px;
  background-color: #000000;
}

td.about01
{ 
  width:            20px;
}

td.about1
{ 
  text-align:       left;
  font-size:        14px;
  font-weight:      bold;
}

td.about2
{ 
}



td.history0,
td.history00,
td.history01,
td.history1,
td.history2,
td.history3
{ 
  vertical-align:   middle;
  text-align:       center;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        14px;
}

td.history0
{ 
  width:            96px;
  background-color: #222222;
}

td.history00
{ 
  width:            10px;
  background-color: #000000;
}

td.history01
{ 
  width:            20px;
}

td.history1
{ 
  font-weight:      bold;
  width:            135px;
}

td.history2
{ 
  font-weight:      bold;
  width:            115px;
}

td.history3
{ 
  text-align:       right;
}



td.play0,
td.play00,
td.play1,
td.play2,
td.play3,
td.play4
{ 
  vertical-align:   middle;
  text-align:       center;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        14px;
}

td.play0
{ 
  width:            96px;
  background-color: #222222;
}

td.play00
{ 
  width:            10px;
  background-color: #000000;
}

td.play1
{ 
  width:          110px;
}

td.play2
{ 
  height:         30px;
  margin:         0;
  font-size:      14px;
  font-weight:    bold;
}

td.play3
{ 
  text-align:     center;
  height:         30px;
}

td.play4
{ 
  width:          40%;
  text-align:     right;
  height:         30px;
  font-size:      12px;
  padding-right:  10px;
  padding-left:   10px;
}



td.cover
{ 
  vertical-align: middle;
  background-color: #222222;
}



td.text_l
{ 
  vertical-align:   middle;
  text-align:       left;
  background-color: #111111;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        16px;
}

td.text_r
{ 
  vertical-align:   middle;
  text-align:       right;
  background-color: #111111;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        16px;
}

td.title
{
}

td.subtitle
{
}


td.title_l
{ 
  vertical-align:   middle;
  text-align:       left;
}

td.title_r
{ 
  font-family:      CustomFont;
  vertical-align:   middle;
  text-align:       right;
}

td.text_l
{ 
  vertical-align:   middle;
  text-align:       left;
}

td.text_r
{ 
  vertical-align:   middle;
  text-align:       right;
}



td.logo
{ 
  vertical-align:   middle;
  text-align:       center;
}

td.logo-l
{ 
  vertical-align:   middle;
  text-align:       center;
}

td.logo-r
{ 
  vertical-align:   middle;
  text-align:       center;
}



td.intro0,
td.intro00,
td.intro01,
td.intro1,
td.intro2
{ 
  vertical-align:   middle;
  text-align:       left;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        14px;
}

td.intro0
{ 
  font-family:    CustomFont;
  text-align:       right;
  width:            96px;
  background-color: #222222;
  font-size:        24px;
  padding-right:    10px;
  padding-left:     10px;
}

td.intro00
{ 
  width:            10px;
  background-color: #000000;
}

td.intro01
{ 
  width:            20px;
}

td.intro1
{ 
  text-align:       right;
  padding-right:    10px;
  padding-left:     10px;
}

td.intro2
{ 
  text-align:       center;
  width:            24px;
  font-size:        1px;
}



td.hardware0,
td.hardware00,
td.hardware01,
td.hardware1,
td.hardware2
{ 
  vertical-align:   middle;
  text-align:       left;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        14px;
}

td.hardware0
{ 
  font-family:      CustomFont;
  text-align:       left;
  width:            96px;
  background-color: #222222;
  font-size:        24px;
  padding-right:    10px;
  padding-left:     10px;
}

td.hardware00
{ 
  width:            10px;
  background-color: #000000;
}

td.hardware01
{ 
  width:            20px;
}

td.hardware1
{ 
  padding-right:    10px;
  padding-left:     10px;
}

td.hardware2
{ 
  text-align:       center;
  width:            24px;
  font-size:        1px;
}



td.tracks0,
td.tracks00,
td.tracks1,
td.tracks2,
td.tracks3,
td.tracks4,
td.tracks5,
td.tracks6,
td.tracks7,
td.tracks8,
td.tracks9
{ 
  vertical-align:   middle;
  text-align:       center;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

td.tracks0
{ 
  width:            96px;
  background-color: #222222;
}

td.tracks00
{ 
  width:            10px;
  background-color: #000000;
}

td.tracks1
{ 
  width:            30px;
  text-align:       center;
}

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

td.tracks3
{ 
  font-size:        14px;
}

td.tracks4
{ 
  font-size:        14px;
}

td.tracks5
{ 
  font-size:        10px;
}

td.tracks6
{ 
  font-size:        10px;
}

td.tracks7
{ 
  font-size:        14px;
}

td.tracks8
{ 
  font-size:        10px;
}

td.tracks9
{ 
  font-size:        14px;
}



td.covers0,
td.covers00,
td.covers1,
td.covers2,
td.covers3,
td.covers4
{ 
  vertical-align:   middle;
  text-align:       left;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        14px;
}

td.covers0
{ 
  width:            96px;
  text-align:       center;
  background-color: #222222;
}

td.covers00
{ 
  width:            10px;
  text-align:       center;
  background-color: #000000;
}

td.covers1
{ 
  width:            110px;
  text-align:       center;
}

td.covers2
{ 
  text-align:       center;
  margin:           0;
  font-size:        16px;
  font-weight:      bold;
}

td.covers3
{ 
  text-align:       center;
}

td.covers4
{ 
  text-align:       center;
  font-size:        12px;
}



td.videos0,
td.videos00,
td.videos1,
td.videos2,
td.videos3,
td.videos4,
td.videos5,
td.videos6
{ 
  vertical-align:   middle;
  text-align:       left;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        14px;
}

td.videos0
{ 
  width:            96px;
  text-align:       center;
  background-color: #222222;
}

td.videos00
{ 
  width:            10px;
  text-align:       center;
  background-color: #000000;
}

td.videos1
{ 
  width:            110px;
  text-align:       center;
}

td.videos2
{ 
  text-align:       center;
  font-size:        16px;
  font-weight:      bold;
}

td.videos3
{ 
  text-align:       center;
  font-size:        16px;
  font-weight:      bold;
}

td.videos4
{ 
  text-align:       center;
  font-size:        14px;
}

td.videos5
{ 
  text-align:       center;
}

td.videos6
{ 
  text-align:       center;
  font-size:        12px;
}



td.extras0,
td.extras00,
td.extras01,
td.extras1,
td.extras2,
td.extras3,
td.extras4,
td.extras5,
td.extras6
{ 
  vertical-align:   middle;
  text-align:       left;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        14px;
}

td.extras0
{ 
  width:            96px;
  background-color: #222222;
}

td.extras00
{ 
  width:            10px;
  background-color: #000000;
}

td.extras01
{ 
  width:            20px;
}

td.extras1
{ 
  width:            110px;
  text-align:       center;
}

td.extras2
{ 
  text-align:       center;
  font-size:        16px;
  font-weight:      bold;
}

td.extras3
{ 
  text-align:       center;
  font-size:        16px;
  font-weight:      bold;
}

td.extras4
{ 
  text-align:       center;
  font-weight:      bold;
  font-size:        16px;
}

td.extras5
{ 
  text-align:       center;
}

td.extras6
{ 
  text-align:       center;
  font-size:        12px;
}



td.links0,
td.links00,
td.links01,
td.links1,
td.links2
{ 
  vertical-align:   middle;
  text-align:       left;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        14px;
  height:           24px;
}

td.links0
{ 
  font-family:      CustomFont;
  text-align:       right;
  width:            96px;
  background-color: #222222;
  font-size:        24px;
  padding-right:    10px;
  padding-left:     10px;
}

td.links00
{ 
  width:            10px;
  background-color: #000000;
}

td.links01
{ 
  width:            20px;
}

td.links1
{ 
  text-align:       right;
  padding-right:    5px;
  padding-left:     5px;
}

td.links2
{ 
  text-align:       center;
  width:            24px;
  font-size:        1px;
}



td.thanks0,
td.thanks00,
td.thanks01,
td.thanks1,
td.thanks2
{ 
  vertical-align:   middle;
  text-align:       left;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size:        14px;
}

td.thanks0
{ 
  font-family:      CustomFont;
  text-align:       left;
  width:            96px;
  background-color: #222222;
  font-size:        24px;
  padding-right:    10px;
  padding-left:     10px;
}

td.thanks00
{ 
  width:            10px;
  background-color: #000000;
}

td.thanks01
{ 
  width:            20px;
}

td.thanks1
{ 
  padding-right:    10px;
  padding-left:     10px;
}

td.thanks2
{ 
  text-align:       center;
  width:            24px;
  font-size:        1px;
}



td.info0,
td.info00,
td.info1,
td.info2
{ 
  vertical-align:   middle;
  text-align:       left;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

td.info0
{ 
  font-family:      CustomFont;
  text-align:       right;
  width:            96px;
  background-color: #222222;
  font-size:        24px;
  padding-right:    10px;
  padding-left:     10px;
}

td.info00
{ 
  width:            10px;
  background-color: #000000;
}

td.info1
{ 
  width:            130px;
  font-size:        16px;
  font-weight:      bold;
  padding-right:    10px;
  padding-left:     10px;
}

td.info2
{ 
  text-align:       right;
  padding-right:    10px;
  padding-left:     10px;
}

td.info3
{ 
}

td.info4
{ 
}

td.info5
{ 
  font-size:        10px;
}

td.info6
{ 
  font-size:        10px;
}

td.info7
{ 
}

td.info8
{ 
}

td.info9
{ 
}



td.lyrics0,
td.lyrics00,
td.lyrics1
{ 
  vertical-align:   middle;
  text-align:       center;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

td.lyrics0
{ 
  font-family:      CustomFont;
  text-align:       left;
  width:            96px;
  background-color: #222222;
  font-size:        24px;
  padding-right:    10px;
  padding-left:     10px;
}

td.lyrics00
{ 
  width:            10px;
  background-color: #000000;
}

td.lyrics1
{ 
  font-size:        14px;
  background-color: #111111;
}



td.bottext
{ 
  vertical-align: middle;
  text-align:     right;
  font-family:    verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  margin:         0;
  font-size:      12px;
  font-weight:    normal;
}



td.button-item
{ 
  vertical-align: top;
  text-align:     center;
  height:         26px;
}



/*--------------------------------------------*/
/* IMG                                        */
/*--------------------------------------------*/

img
{ 
  vertical-align: top;
}

img.menu-item
{
  border:         0px solid;
  height:         20px;
  vertical-align: top;
}



/*--------------------------------------------*/
/* A                                          */
/*--------------------------------------------*/

a:link
{
  color: #6644FF;
}

a:visited
{
  color: #FF00FF;
}

a:hover
{
  color: #FF2222;
  color: #101010;
}

a:active
{
  color: #0066FF;
}



a.button-item
{
  display: inline-block;
}

.link-item,
.link-item-big,
.link-item-disabled,
.normal-item,
.link-item-disabled
{
  display:          inline-block;
  background-color: transparent;
  border:           0px;
  border-radius:    5px;
  padding:          1px 5px 3px 5px;
  color:            white;
  font-family:      verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}



.link-item:hover,
.link-item-big:hover
{
  background-color: #777777;
  background-color: white;
  border:           0px;
  border-radius:    5px;
  padding:          1px 5px 3px 5px;
  color:            black;
}



a.button-item,
div.button-item,
.link-item,
.link-item-big,
img.button-item,
img.button-item-big,
input.login,
input.logout
{ 

  /*Transition*/

  -webkit-transition:  all 0.5s ease;
  -moz-transition:     all 0.5s ease;
  transition:          all 0.5s ease;
/*   o-transition:        all 0.5s ease; */

  /*Reflection*/
/*
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
*/
}

a.button-item:hover,
div.button-item:hover,
.link-item:hover,
img.button-item:hover,
input.login:hover,
input.logout:hover
{ 
   /*Glow*/

  -webkit-box-shadow:  0px 0px 20px rgba(255,255,255,0.8);
  -moz-box-shadow:     0px 0px 20px rgba(255,255,255,0.8);
  box-shadow:          0px 0px 20px rgba(255,255,255,0.8);

   /*Reflection*/
/*
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
*/
}



img.button-item-big:hover,
.link-item-big:hover
{ 
   /*Glow*/

  -webkit-box-shadow:  0px 0px 50px rgba(255,255,255,0.8);
  -moz-box-shadow:     0px 0px 50px rgba(255,255,255,0.8);
  box-shadow:          0px 0px 50px rgba(255,255,255,0.8);

   /*Reflection*/
/*
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
*/
}

a.link-item-disabled
{
  display:          inline-block;
  border:           0px;
  border-radius:    5px;
  padding:          1px 5px 3px 5px;
  background-color: #707070;
  color: white;
  pointer-events: none;
  cursor: default;
}





/*--------------------------------------------*/
/* INPUT                                      */
/*--------------------------------------------*/

input.password
{ 
  border:           0px solid;;
  background-color: #222222;
  color:            #FFFFFF;
  vertical-align: top;
}

input.login,
input.logout
{
  border:           0px solid;
  width:            32px;
  height:           26px;
  background-color: transparent;
}




/*
@font-face
{ 
  font-family: CustomFont;
  src:         url('Moltorv2.ttf');
}
*/

@font-face
{ 
  font-family: CustomFont;
  src:         url('/fonts/moltorv2.eot');
}

@font-face
{ 
  font-family: CustomFont;
  src:         url('/fonts/moltorv2.ttf');
}

h1.lm,
h1.lm2,
h2.lm
{ 
  font-family:    CustomFont;
  vertical-align: sub;

  margin:0;
  border:0;

  text-shadow: 5px 5px 5px #666666;
}

h1.lm
{
  font-size:        40px;
}

h2.lm,
td.subtitle
{
  font-size:      30px;
}



/*--------------------------------------------*/
/* Audio                                      */
/*--------------------------------------------*/

audio
{ 
    border:           0px solid;;
  background-color: #888888;
  color:            #FFFFFF;
}



/*--------------------------------------------*/
/* Modal Window                               */
/*--------------------------------------------*/

div.overlay
{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.6);
}

div.modal
{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  max-width: 95vw;
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: #222222;
  padding: 5px;
  border-radius: 8px;
}

button.modal
{
  background: rgba(0,0,0,0.5);
  color: white;
  border: none;
  padding: 2px 4px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
}

img.modal
{
  max-width: 90vw;
  max-height: 80vh;
  width: auto;
  height: auto;
  display: block;
  border-radius: 6px;
}