body {
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0; /*background-image: url( ../jsps/images/bg.gif );*/

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

table.login {
    padding: 5px;
}

h3.tip {
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: none;
    color: darkblue;
}

table.tip {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    color: black;
}

b.tip {
    color: brown;
}

span.song-type {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    font-style: italic;
    text-decoration: none;
    color: sienna;
}

.input {
/*background-image:url("../images/searchInput.gif");*/
    background-repeat: no-repeat;
    Font-family: Tahoma;
    Font-size: 11px;
    border: 1px solid #E5E5E5;
    vertical-align: top;
    margin: 0;
}

span.ddc {
    font-family: Veranda;
    color: brown;
}

span.chuy {
    color: red;
}

span.error {
    color: red;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
}

span.success {
    color: blue;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
}

td.success {
    color: blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}

td.error {
    color: red;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}

tr.row0 {
    background-color: lightblue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

tr.row1 {
    background-color: whitesmoke;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

tr.tonelist-row0 {
    background-color: lavender;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

tr.tonelist-row1 {
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

tr.tonelist-header {
    background-color: darkseagreen;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-variant: normal;
    color: #000000;
}

span.currentpg {
    font-weight: bold;
    color: darkblue;
}

.searchW {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    color: white;
}

a:visited {
    text-decoration: none;
}

a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a.category:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFFF;
    text-decoration: none;
}

a.category:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFFF;
    text-decoration: none;
}

a.category:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFFF;
    text-decoration: none;
}

a.scategory:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #ccff33;
    text-decoration: none;
    cursor: text;
}

a.scategory:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #ccff33;
    text-decoration: none;
    cursor: text;
}

a.scategory:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #ccff33;
    text-decoration: none;
    cursor: text;
}

tr.index-list-song-r1 {
    background-color: #e3e2e2;
    height: 40px;
}

tr.index-list-song-r2 {
    background-color: #f4f2f2;
    height: 40px;
}

td.current-page {
    color: darkgreen;
    font-weight: bold;
}

td.other-page {
    color: darkgreen;
    font-weight: bold;
}

a.page1:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: steelblue;
    text-decoration: none;
}

a.page1:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: steelblue;
    text-decoration: none;
}

a.page1:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: steelblue;
    text-decoration: none;
}

a.footer:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

a.footer:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

a.footer:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

a.page2:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: purple;
    text-decoration: none;
}

a.page2:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: purple;
    text-decoration: none;
}

a.page2:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: purple;
    text-decoration: none;
}

.timkiem {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: white;
}

.timtheo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFCC;
}

.sortBy {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
}

.titlle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #FFFFFF;
    white-space: nowrap
}

.to14 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
}

.chuden {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

.chudennho {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

.chudennho10 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

p.chuxanh {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #0099CC;
    text-indent: 10px;
    margin: 0;
    border: 0;
}

p.chuden {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
    text-indent: 10px;
    margin: 0;
    border: 0;
}

p.ten {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    text-indent: 10px;
    margin: 0;
    border: 0;
    font-weight: bold;
}

.chunau {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #CC3300;
}

.footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

.fto {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #FFFFFF;
}

.to12 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
}

.titduoi {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    color: #006699;
}

.titduoinho {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #006699;
}

#balloon {
    width: 460px;
    BORDER-RIGHT: black 0px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: black 0px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: black 0px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: black 0px solid
}

#balloonBody {
    CLEAR: both;
    Z-INDEX: 25;
    BACKGROUND: url( ../images/corners_topleft.gif ) no-repeat left top;
    FLOAT: left;
    PADDING-TOP: 34px;
    POSITION: relative
}

#balloonBody H4 {
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 20px;
    Z-INDEX: 28;
    RIGHT: 0;
    BACKGROUND: url( ../images/corners_topright.gif ) no-repeat right top;
    PADDING-BOTTOM: 20px;
    MARGIN: 0 -16 0 0;
    PADDING-TOP: 20px;
    POSITION: absolute;
    TOP: 0;
    HEIGHT: 30px
}

#balloonBody DIV.box H3 {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 10px
}

#balloonBody .boxBody {
    PADDING-RIGHT: 20px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    FONT-SIZE: 0.9em;
    Z-INDEX: 30;
    BACKGROUND: url( ../images/corners_rightborder.gif ) repeat-y right top;
    LEFT: 16px;
    PADDING-BOTTOM: 0px;
    MARGIN: -2em 0px 0px;
    PADDING-TOP: 0px;
    POSITION: relative;
    TEXT-ALIGN: left
}

#balloonBody DIV.boxFooter {
    Z-INDEX: 35;
    BACKGROUND: url( ../images/corners_bottomleft.gif ) no-repeat left bottom;
    WIDTH: 100%;
    POSITION: absolute;
    HEIGHT: 20px
}

#balloonBody DIV.boxFooter P {
    PADDING-RIGHT: 0;
    PADDING-LEFT: 0;
    Z-INDEX: 40;
    RIGHT: 0;
    BACKGROUND: url( ../images/corners_bottomright.gif ) no-repeat right bottom;
    PADDING-BOTTOM: 0;
    MARGIN: 0 -16px 0 0;
    WIDTH: 20px;
    BOTTOM: 0;
    PADDING-TOP: 0;
    POSITION: absolute;
    HEIGHT: 50px
}

.test {
    PADDING-RIGHT: 0;
    PADDING-LEFT: 0;
    Z-INDEX: 40;
    RIGHT: 0;
    BACKGROUND: url( ../images/corners_bottomright.gif ) no-repeat right bottom;
    PADDING-BOTTOM: 0;
    MARGIN: 0 -16px 0 0;
    WIDTH: 20px;
    BOTTOM: 0;
    PADDING-TOP: 0;
    POSITION: absolute;
    HEIGHT: 50px
}

.toparrow {
    CLEAR: both;
    DISPLAY: inline;
    Z-INDEX: 21;
    FLOAT: left;
    WIDTH: 96px;
    POSITION: relative;
    HEIGHT: 36px;
    BACKGROUND: url( ../images/blue_arrow.gif ) no-repeat 50% top;
    MARGIN: 0px 0px -6px 5px
}

.frimage IMG {
    max-width: 330px;
}

#arttabs ul {
    margin: 0;
    padding: 0px 10px 0px 0px;
    list-style: none;
}

#arttabs li {
    display: inline;
    margin: 0;
    padding: 0;
}

#arttabs a {
    float: left;
    background: url( "../images/tableft.gif" ) no-repeat left top;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}

#arttabs a span {
    float: left;
    display: block;
    background: url( "../images/tabright.gif" ) no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#arttabs a span {
    float: none;
}

/* End IE5-Mac hack */
#arttabs a:hover span {
    color: #FFF;
}

#arttabs a:hover {
    background-position: 0% -42px;
}

#arttabs a:hover span {
    background-position: 100% -42px;
}

#arttabs #current a {
    background-position: 0% -42px;
}

#arttabs #current span {
    background-position: 100% -42px;
}

.container IMG {
    BORDER-TOP-WIDTH: 0;
    BORDER-LEFT-WIDTH: 0;
    BORDER-BOTTOM-WIDTH: 0;
    WIDTH: 300px;
    HEIGHT: 225px;
    BORDER-RIGHT-WIDTH: 0
}

.div_art_infocus_text DIV {
    COLOR: #FFFFFF;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 14pt;
    font-weight: bold;
    PADDING-BOTTOM: 5px;
    LINE-HEIGHT: 18px;
    PADDING-TOP: 25px
}

.div_art_infocus_text DIV.content {
    COLOR: #FFFFFF;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 13px;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.art_title {
    font-size: 12px;
    color: #0A50A1;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

tr.comment0 {
    background-color: azure;
}

tr.comment1 {
    background-color: white;
}

.titNHAC {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: #006699;
}

haitugio {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #99CC33;
}

.binhluan {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFFF;
}

.popup {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    color: #003399;
}

.chudo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #CC0000;
}

.chunho {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FF6600;
	/*color: #99CC00;*/
}