body {margin:0; padding:0; background-color:#E6DDD2;
}
form {margin:0; padding:0}

td, tr {
	color:#6F5544;
	vertical-align:top;
	text-align:left;
	line-height:180%;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	}

.end td{ color:#C28251; text-decoration:none; text-align:center}
.end td a{ color:#C79678; text-decoration:none; text-align:center}
.end td a:hover{ color:#C79678; text-decoration:underline; text-align:center}

strong{ color:#9C5B1C}


a{ color:#6F5544; text-decoration:underline;}
a:hover{ position: relative; top:1px; left: 1px; text-decoration:none;}


strong a{ color:#9C5B1C; text-decoration:none;}
strong a:hover{ color:#9C5B1C; text-decoration:underline;}

b a{ color:#923321; text-decoration:underline; font-weight:normal;}
b a:hover{ color:#923321; text-decoration:none;  font-weight:normal;}

td.boxL{width: 10px; height: 35px; background: url(images/box_l.gif) no-repeat;}
td.boxM{height: 35px; text-align: left; background: url(images/box_m.gif) repeat-x;}
td.boxR{width: 10px; height: 35px; background: url(images/box_r.gif) no-repeat;}

.totalbox {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif
}


.green ul {
	margin:0;
	padding:0;
	list-style-image: url(https://www.pianohk.com/images/green.png);
	list-style-type: none;
}
.green li { background:url(https://www.pianohk.com/images/green.png) top left no-repeat; margin:0 0 0 0; padding:1px 0 0 12px;}
.green li a {line-height:13px; color:#923321; text-decoration:underline; background-position:left center;}
.green li a:hover { text-decoration:none; color:#923321;}



input[type=text] , textarea {
	border:1px solid gray;
	  -moz-box-shadow:    1px 1px 1px 1px #ccc;
  -webkit-box-shadow: 1px 1px 1px 1px #ccc;
  box-shadow:         1px 1px 1px 1px #ccc;


}

.box {
   font-family: arial, verdana, sans-serif;
    background: #ccc;
}
.box-title {
font-size:14px;
width:400px;
      font-weight: bold;
   color: white;
  
   padding: 3px;
   text-align: center;
}
.box-content {

   background: white;
   padding: 5px;
}

@media screen and (device-width: 480px) {

    body { color: white; background-color: black; }
b
}
.round {
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
}


.boxshadow {
-webkit-box-shadow: 3px 3px 3px #888;
-moz-box-shadow: 3px 3px 3px #888;
box-shadow: 3px 3px 3px #888;
}

.gray {
	background: -webkit-gradient(linear, left top, left bottom, from(#snow), to(#gainsboro)); 
	background: -moz-linear-gradient(top, snow , gainsboro);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='snow', endColorstr='Gainsboro');
	}
	.blue {
	background: -webkit-gradient(linear, left top, left bottom, from(#E6FAFF), to(#B2F0FF)); 
	background: -moz-linear-gradient(top, #E6FAFF , #B2F0FF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6FAFF', endColorstr='#B2F0FF');
	}
		.deepblue {
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); 
	background: -moz-linear-gradient(top, #00adee , #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	color: white;
	}
	.green {
	background: -webkit-gradient(linear, left top, left bottom, from(#E6FFE6), to(#99FF99)); 
	background: -moz-linear-gradient(top, #E6FFE6 , #99FF99);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6FFE6', endColorstr='#99FF99');
	}
	.pink {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFE6E6), to(#FF9999)); 
	background: -moz-linear-gradient(top, #FFE6E6 , #FF9999);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6', endColorstr='#FF9999');
	}
		.red {
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); 
	background: -moz-linear-gradient(top, #ed1c24 , #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
	}
		.yellow {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFB2), to(#FFFF4D)); 
	background: -moz-linear-gradient(top, #FFFFB2 , #FFFF4D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFB2', endColorstr='#FFFF4D');
	}
		.orange {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF5E6), to(#FFC266)); 
	background: -moz-linear-gradient(top, #FFF5E6 , #FFC266);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5E6', endColorstr='#FFC266');
	}
	.purple {
	background: -webkit-gradient(linear, left top, left bottom, from(#F0E6FA), to(#C299EB)); 
	background: -moz-linear-gradient(top, #F0E6FA , #C299EB);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0E6FA', endColorstr='#C299EB');
	}
	.tael {
	background: -webkit-gradient(linear, left top, left bottom, from(#E6F5F5), to(#80CCCC)); 
	background: -moz-linear-gradient(top, #E6F5F5 , #80CCCC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6F5F5', endColorstr='#80CCCC');
	}	

.table1 tbody th{
    color:#333385;
    text-shadow:1px 1px 1px #568F23;
    background-color:#9DD929;
    border:1px solid #93CE37;
    border-right:3px solid #9ED929;
	alignment-baseline:middle;
  
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(158,217,41)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(123,192,67))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(158,217,41) 2%,
        rgb(139,198,66) 51%,
        rgb(123,192,67) 87%
        );
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='lightgreen', endColorstr='mediumseagreen');
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table1 th{
    padding:5px;
    color:#333385;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #93CE37;
    border-bottom:3px solid #9ED929;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='lightgreen', endColorstr='mediumseagreen');
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
	
}
      
.table1{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
    font-style: normal;
	border:#FFFFFF;
	border:thick;
    border-collapse:separate;
}
.table2 tbody td{
    padding:0px;

}
.table1 tbody td{
    padding:5px;
    text-align:center;
    background-color:#DEF3CA;
    border: 3px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
	text-align:left;
}


	.bluebutton {
	    color:#333385;
		font-weight:bold;
    text-shadow:1px 1px 3px white;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	border-radius: 10px;
}
.bluebutton:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.bluebutton:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/* orangebutton */
.orangebutton {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	border-radius: 10px;
}
.orangebutton:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orangebutton:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* redbutton */
.redbutton {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
	border-radius: 10px;
}
.redbutton:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.redbutton:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

.button1 {
font-family: Arial;
color: #ffffff;
font-size: 16px;
font-weight:bold;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
border: solid #003366 2px;
background-color:tael;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#42aaff), to(#003366));
background: -moz-linear-gradient(top, #42aaff, #003366);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#42aaff, endColorStr=#003366);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#42aaff, endColorStr=#003366);
display:inline-block; /* IE is so silly */
}
.button1:hover {
background: #42aaff;
}

.buttonred {
font-family: Arial;
color: #ffffff;
font-size: 14px;
font-weight:bold;
padding-top: 2px;
padding-right: 14px;
padding-bottom: 2px;
padding-left: 14px;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
border: solid #003366 2px;
background-color: red;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ed1c24), to(#aa1317));
background: -moz-linear-gradient(top, #ed1c24, #aa1317);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ed1c24, endColorStr=#aa1317);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ed1c24, endColorStr=#aa1317);
display:inline-block; /* IE is so silly */
}
.buttonred:hover {
background: #d81b21;
}


.smaller {
	font-size: smaller;
}



.save{
   behavior:url(#default#savehistory);}
a.dsphead{
   text-decoration:none;
   margin-left:0px;}
a.dsphead:hover{
   text-decoration:underline;}
a.dsphead span.dspchar{
   font-family:monospace;
   font-weight:normal;}
.dspcont{



   display:none;
   margin-left:0px;}

.dspcont{display:block;}
.style1 {color: #FFFFFF}



                     

	@media print {
	    #header,  #newsLinks {
	    display: none;
	}
		
		h1 {
	        font-size: 14pt;
	    }
	    body, .style1, .style2  {
	          font-size: 12pt !important;
	    color: #000 !important;
	    }
	}
.style2 {color: #CCCCCC}