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;
  font-weight:      bold;
}

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.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.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:           50px;
  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
{ 
  vertical-align:        top;
  text-align:            center;
  height:                20px;
  background-color:      transparent;
  background-image:      url(/images/menu-bg.png);
  background-repeat:     repeat-x;
  background-attachment: scroll; 
}

td.menu-item
{ 
  vertical-align: top;
  text-align:     center;
  height:         20px;
}

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(/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.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:            20px;
}

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.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:     left;
  height:         30px;
}

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



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_l
{ 
  vertical-align:   middle;
  text-align:       left;
}

td.title_r
{ 
  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
{ 
  text-align:       right;
  width:            96px;
  background-color: #222222;
  font-size:        24px;
  font-weight:      bold;
  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
{ 
  text-align:       left;
  width:            96px;
  background-color: #222222;
  font-size:        24px;
  font-weight:      bold;
  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;
}

td.links0
{ 
  text-align:       right;
  width:            96px;
  background-color: #222222;
  font-size:        24px;
  font-weight:      bold;
  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
{ 
  text-align:       left;
  width:            96px;
  background-color: #222222;
  font-size:        24px;
  font-weight:      bold;
  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
{ 
  text-align:       right;
  width:            96px;
  background-color: #222222;
  font-size:        24px;
  font-weight:      bold;
  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
{ 
  text-align:       left;
  width:            96px;
  background-color: #222222;
  font-size:        24px;
  font-weight:      bold;
  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;
}

a:active
{
  color:#0066FF;
}



a.jp-on,
a.jp-off
{
  -webkit-transition:  all 0.5s ease;
  -moz-transition:     all 0.5s ease;
}



a.jp-on:hover,
a.jp-off:hover
{
   /*Glow*/

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



a.jp-on
{
  background-color: #4a3a55;
}



a.jp-off
{
}



a.menu-home_page,
a.menu-about,
a.menu-discography,
a.button-w3c-html,
a.button-w3c-css,
a.button-rx3,
a.button-safe_creative,
a.button-stats
{ 
  border:              0px solid;
  background-repeat:   no-repeat;
  display:             block;

  /*Transition*/

  -webkit-transition:  all 0.5s ease;
  -moz-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.menu-home_page:hover,
a.menu-about:hover,
a.menu-discography:hover,
a.button-w3c-html:hover,
a.button-w3c-css:hover,
a.button-rx3:hover,
a.button-safe_creative:hover,
a.button-stats: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)));
*/
}



a.menu-home_page,
a.menu-about,
a.menu-discography,
a.menu-home_page:hover,
a.menu-about:hover,
a.menu-discography:hover
{
  height:              20px;
}

a.menu-home_page
{
  background-image:    url("/images/menu-home_page-on.png");
}

a.menu-home_page:hover
{
  background-image:    url("/images/menu-home_page-hi.png");
}

a.menu-about
{
  background-image:    url("/images/menu-about-on.png");
}

a.menu-about:hover
{
  background-image:    url("/images/menu-about-hi.png");
}

a.menu-discography
{
  background-image:    url("/images/menu-discography-on.png");
}

a.menu-discography:hover
{
  background-image:    url("/images/menu-discography-hi.png");
}



a.button-w3c-html,
a.button-w3c-css,
a.button-rx3,
a.button-safe_creative,
a.button-stats,
a.button-w3c-html:hover,
a.button-w3c-css:hover,
a.button-rx3:hover,
a.button-safe_creative:hover,
a.button-stats:hover
{
  height:              26px;
}

a.button-w3c-html
{
  background-image:    url("/images/button-w3c-html-on.png");
}

a.button-w3c-html:hover
{
  background-image:    url("/images/button-w3c-html-hi.png");
}

a.button-w3c-css
{
  background-image:    url("/images/button-w3c-css-on.png");
}

a.button-w3c-css:hover
{
  background-image:    url("/images/button-w3c-css-hi.png");

}

a.button-rx3
{
  background-image:    url("/images/button-rx3-on.png");
}

a.button-rx3:hover
{
  background-image:    url("/images/button-rx3-hi.png");

}

a.button-safe_creative
{
  background-image:    url("/images/button-safe_creative-on.png");
}

a.button-safe_creative:hover
{
  background-image:    url("/images/button-safe_creative-hi.png");

}

a.button-stats
{
  background-image:    url("/images/button-stats-on.png");
}

a.button-stats:hover
{
  background-image:    url("/images/button-stats-hi.png");

}



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

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

input.login,
input.logout
{
  border:           0px solid;;
  width:            32px;
  height:           26px;

  /*Transition*/

  -webkit-transition:  all 0.5s ease;
  -moz-transition:     all 0.5s ease;
}

input.login:hover,
input.logout:hover
{
   /*Glow*/

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

input.login
{ 
  background-image: url("/images/button-login-on.png");
}

input.login:hover
{ 
  background-image: url("/images/button-login-hi.png");
}

input.logout
{ 
  background-image:    url("/images/button-logout-on.png");
}

input.logout:hover
{ 
  background-image:    url("/images/button-logout-hi.png");
}