*{
  margin: 0;
  padding: 0;
}

body{
  font-size: 80%;
  background-color: white;
  font-family: "Trebuchet MS", Arial, Verdana;
  color: black;
}

a{
	color: #0099FF;
	text-decoration: underline;
	outline: none;
}

.my-menu a.ma{
	color: #66CCFF;
}

a.als {text-decoration: none;}
a.als img{border:0;}
a.als span {text-decoration: underline;}

pre
{
  font-size: 125%;
}
pre a{
	text-decoration: none;
}


a:hover {
	color: #FF3333;
}

.my-menu a.ma:hover{
  color: #FFFF33;
}


h1{
  font-size: 140%;
  padding-top: 3px;
  padding-bottom: 17px;
  width: 888px;
  margin: 0 auto;
  text-align:center;
}
h2{
  font-size: 120%;
  padding: 15px 0 5px 0;
}
h2 span {
	font-weight: normal;
	font-size:80%;
}

.my-counters
{
text-align:center;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
-moz-opacity: 0.5; /* Mozilla 1.6 - */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

}


.op50
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/
-moz-opacity: 0.8; /* Mozilla 1.6 - */
-khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */

}


.my-header{
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  height: 100px;
  background: #333333 url(images/ui-bg_diagonals-thick_8_333333_40x40.png) 50% 50% repeat; color: #eeeeee; font-weight: bold;
}
.my-header div{
  width: 555px;
  margin: 0 auto;
}

.my-header h3{
  margin-left: 80px;
  font-size: 240%;
  padding-top: 28px;
}
.my-header h3 span{
  font-size: 50%;
  font-weight: normal;
}
.my-header a{
  color: white;
}
.my-menu{
  position: absolute;
  left: 0; top: 100px;
  width: 100%;
  height: 33px;
  border-top: 1px solid #777777; border-bottom: 1px solid #777777;
  background: #111111 url(images/ui-bg_glass_40_111111_1x400.png) 50% 50% repeat-x;
  font-weight: normal; color: #e3e3e3; outline: none;
}
.my-menu .m1{
  width: 888px;
  margin: 0 auto;
}

.my-menu .m1 a.ma{
  float: left;
  height: 24px;
  padding: 7px 8px 0 8px;
  border: 1px solid transparent;
}
.my-menu .m2{  margin: 0 auto; width: 888px; padding: 5px 0;}
.my-menu span{  float: left;}
.my-menu .m1 a.ma:hover, .m1ah{
	 border: 1px solid #000000; background: #1c1c1c url(images/ui-bg_glass_55_1c1c1c_1x400.png) 50% 50% repeat-x;
}
.my-menu span{
  float: left;
  height: 26px;
  margin-top: -1px;
  padding: 7px 8px 0 8px;
  border-top: 1px solid #777777; border-bottom: 1px solid #777777;
  background: #111111 url(images/ui-bg_glass_40_111111_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #e3e3e3; outline: none;
}


.m1{xfloat: left;}
.m2{text-align:right;padding-right:30px;}
.cb{clear: both;}


.m1i{float: left; position: relative;}
.m1ii{

border: 1px solid black; background: #F5F5F5; position: absolute; left: 0px; top: 33px; width: 270px; display: none;
    overflow: auto; max-height: 500px; clear: both; z-index: 50;
}

.my-content{padding-top: 30px;  width: 888px; margin: 128px auto 0 auto; }
.my-copyright{margin-top: 30px; border-top: 1px solid silver; padding-top: 20px; padding-left: 30px; padding-right: 30px; font-size:90%; color: #888;}
.my-copyright table{width:888px;margin:0 auto;}
.my-copyrighti{width: 300px; padding: 30px;text-align:left;padding-left:400px;}


table tr td {vertical-align: top;}


.ot4, .ot5, ot6, .ot7, .ot8, ot9, ot10, ot11, ot12 {}
.ot4 {font-size: 100%;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/
-moz-opacity: 0.6; /* Mozilla 1.6 - */
-khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
.ot5 {font-size: 120%;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
-moz-opacity: 0.7; /* Mozilla 1.6 - */
-khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
.ot6 {font-size: 140%;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE 5.5+*/
-moz-opacity: 0.8; /* Mozilla 1.6 - */
-khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
.ot7 {font-size: 160%;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE 5.5+*/
-moz-opacity: 0.9; /* Mozilla 1.6 - */
-khtml-opacity: 0.9; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.9; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
.ot8 {font-size: 180%;}
.ot9 {font-size: 200%;}
.ot10{font-size: 220%;}
.ot11{font-size: 240%;}
.ot12{font-size: 260%;}


p{padding-top: 10px;}
ul{margin-left:20px;}
li{margin-left:0px;}

table.alist{border-collapse: collapse; width:auto; margin-left: -15px; border: 1px solid black;}
.alist td {padding: 1px 5px;color:#555;}
.alist th {padding: 5px 5px;text-align:left;}
.t0{background: #111111 url(images/ui-bg_glass_40_111111_1x400.png) 50% 50% repeat-x;color:white;}
.t1{background:#ddd;}
.t2{background:#eee;}

.border_color{background-color: #ccc;}

.add2fav{cursor:pointer;}

.abcdefghc{cursor:pointer;color:#003399;position:relative;z-index:1;}
.chord_block{border:0px solid #ccc; width:100px;height:140px;float:left;text-align:center;margin:10px;padding-top:5px; }
.chord_block span{cursor:pointer;}

#box_chord{display:none;position:absolute;top:0px;background:#fff;left:0px;width:110px;height:208px;z-index:30;}

table.tmain{text-align:left;width:100%;}
table.tmain span {color:silver;}

#dwts{width:555px; float:right;}
#dwtadv{width:303px;padding-right:30px;float:right;}