html {
min-height: 100%;
height: 100%;
margin-bottom: 1px;
}
html>body, html>body #contents {
height: auto;
}
body { margin: 0; padding: 0; background-color: #e4e4e4; color: #444; /*FONT-SIZE: 11px;*/ FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
td { FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
P { FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #444; }
h4, h5, h6 { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #313131; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
form { display:inline; MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px;}
.css_input { background-color: #f3f3f3; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; color: #444; border: #CFCFCF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
hr { height: 1px; border-style: dotted; color: #888; margin-top: 0px; margin-bottom: 0px }
li { color: #444; list-style-type: circle }
.lightBlue { COLOR: #00CCFF }
.darkYellow { COLOR: #FFCC66 }
/*.lightGray { COLOR: #F3F3F3 }*/
.lightGray { COLOR: #F8F8F8 }
.darkGray { COLOR: #e4e4e4 }
A { COLOR: #444 }
/*A:visited { COLOR: #444 }*/
A:hover { COLOR: #000 }
.small { FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LINE-HEIGHT: 110%; }
.head { FONT-WEIGHT: bold; FONT-SIZE: 21px; COLOR: #444; LINE-HEIGHT: 110%; FONT-FAMILY: "Trebuchet MS", Verdana, Arial, sans-serif; }
.subhead { FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #666; LINE-HEIGHT: 110%; FONT-STYLE: oblique; FONT-FAMILY: "Trebuchet MS", Verdana, Arial, sans-serif; }
.trackName, .trackName a { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #0085A6; LINE-HEIGHT: 110%; FONT-STYLE: oblique; FONT-FAMILY: Geneva, Arial, sans-serif; text-decoration: none}
.trackName a:hover {text-decoration: underline}
.composerName { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #0085A6; LINE-HEIGHT: 110%; FONT-STYLE: oblique; FONT-FAMILY: Geneva, Arial, sans-serif; }
.nav { COLOR: #000; FONT-WEIGHT: bold;}
A.nav { text-decoration: none; }
A.nav:Hover { text-decoration: underline; }
.subnav { COLOR: #FFCC66; text-decoration: none; FONT-SIZE: 10px; }
A.subnav { COLOR: #FFCC66; text-decoration: none; font-weight: bold; }
A.subnav:Hover { COLOR: #FFF; text-decoration: none; font-weight: bold; }
.sidenav { COLOR: #444; text-decoration: none; FONT-WEIGHT: bold; LINE-HEIGHT: 110%; }
A.sidenav { COLOR: #444; text-decoration: none; FONT-WEIGHT: normal; }
A.sidenav:Hover { COLOR: #000; background-color: #e4e4e4; FONT-WEIGHT: normal; }
.darkRed {
COLOR: #990000;
font-style: italic;
}
.tinytext {
font-size: 8pt;
font-family: Arial, Helvetica, sans-serif;
}
.is24bit-ico {border:none;}
/* new track display */
/* header */
.THD {width:100%; layout:fixed;}
.THD tr:hover { background:#E8F0FA; }
.TCK { margin-top:4px; border-color:#D0D0D0; border-style: solid; border-width: 1px; border-top:none}
.TBL {width:7px; height:36px; background: url(../g/td_titlebar_left.png) no-repeat left top; margin:0}
.TBC {height:36px; background: url(../g/td_titlebar_center.png) repeat left top;}
.TBR {width:11px; height:36px; background: url(../g/td_titlebar_right.png) no-repeat left top; margin:0}
.tN, .tN a { float:left; margin-top:2px; margin-left:4px; FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #FFBD35; LINE-HEIGHT: 110%; FONT-STYLE: oblique; FONT-FAMILY: Geneva, Arial, sans-serif; text-decoration: none}
.tN img {border:0px; margin-left:12px; margin-top:0px; }
.tN a:hover {text-decoration: underline; COLOR: #FFBD35}
.tCmp, .tCmp a { text-align:right; margin-top:1px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color:#ffffff; text-decoration: none; }
.tCmp img {border:0px; position:relative; left:-3px; top:5px; }
.tCmp a:hover {text-decoration: underline; color:#ffffff;}
/* description */
.TDESC {padding-left:14px; padding-right:10px; padding-top:8px; padding-bottom:12px;}
/* versions */
.VRNS {padding-left:16px; padding-right:20px; padding-top:0px; padding-bottom:30px;}
.VRNS_IE {width:100%; padding-left:16px; padding-right:20px; padding-top:0px; padding-bottom:30px;}
/* version items */
.PLY { width:23px; height: 20px; padding-top:0px; padding-left:4px; padding-right:10px;}
.PLY img { border:0px; }
.NAM { color:#134E5D; padding-top:1px; padding-right:10px; border-bottom-style: solid; border-width: 1px; border-color:#D0D0D0;}
.NAM a { color:#134E5D; text-decoration:none; }
.NAM a:hover { text-decoration:underline; color:#134E5D;}
.NAML { color:#134E5D; padding-bottom:2px; padding-right:10px; border-bottom-style: solid; border-width: 1px; border-color:#D0D0D0;}
.NAML a { color:#134E5D; text-decoration:none; }
.NAML a:hover { text-decoration:underline; color:#134E5D;}
.NAML img { position:relative; top:2px; border:0px; }
.lnum { position:relative; top:1px; margin-left:2px; margin-right:5px; font-size: 9px; color:#134E5D; display:inline;}
.UDL { border-bottom-style: solid; border-width: 1px; border-color:#D0D0D0; }
.PRC { width:67px; color:#134E5D; border-bottom-style: solid; border-width: 1px; border-color:#D0D0D0; }
.SHP { width:23px; height: 20px; padding-top:0px; padding-left:3px;}
.SHP img { border:0px; }
.DL { width:28px; height: 20px; padding-top:0px; padding-left:5px;}
.DL img { border:0px; }
/* track footer */
.FTR { position:relative; top:-1px; background:#D5DFFC; height:18px; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0px; padding-left:2px; padding-right:2px; padding-top:0px; padding-bottom:2px;}
.FTAG { float:left; margin-left:6px; position:relative; top:0; margin-top:-9px; color:#404040; font-size: 10px; }
.FTAG img { position:relative; top:3px; }
.FTAG a { text-decoration: none; }
.FTAG a:hover { text-decoration:underline; color:#404040;}
.FCOL { float:left; margin-left:16px; position:relative; top:0; margin-top:-7px; color:#404040; font-size: 10px; }
.FCOL img { position:relative; top:4px; }
.FCOL a { text-decoration: none; }
.FCOL a:hover { text-decoration:underline; }
.FGEN { float:left; margin-left:12px; position:relative; top:0; margin-top:-13px; color:#404040; font-size: 10px; }
.FGEN img { position:relative; top:5px; }
.FGEN a { text-decoration: none; }
.FGEN a:hover { text-decoration:underline; color:#404040;}
.FSIM { float:right; margin-right:8px; position:relative; top:0; margin-top:-7px; color:#404040; font-size: 10px; }
.FSIM img { position:relative; top:3px; }
.FSIM a { text-decoration: none; }
.FSIM a:hover { text-decoration:underline; color:#404040;}
/* hint */
.HINT {display:block; border:1px solid #606060; text-align:center; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:6px; background:#fff4e8; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:#404040;}
/* what's this in format / license selection page */
.FRM_WHTS { margin-left:30px; position:relative; top:-3px; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LINE-HEIGHT: 110%; color:#404040 }
.FRM_WHTS a { text-decoration: none; }
.FRM_WHTS a:hover { text-decoration:underline; color:#404040;}
/*========================================================================
=SOLD : Some Old Left-overs from 'shockstyle.css'
========================================================================*/
/*
.css_input {
background-color: #F3F3F3;
font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
color: #444;
border: #CFCFCF;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}
.trackName {
font: bold 18px/110% Geneva, Arial, sans-serif;
color: #0085A6;
}
.composerName {
font: normal oblique; 18px/110% Geneva, Arial, sans-serif;
color: #0085A6;
}
.tinytext {
font-size: 8pt;
font-family: Arial, Helvetica, sans-serif;
}
.head {
font: bold 21px/110% "Trebuchet MS", Verdana, Arial, sans-serif;
color: #444;
}
.subhead {
font: bold 15px/110% "Trebuchet MS", Verdana, Arial, sans-serif;
color: #444; margin-bottom: 1em;
}
.trackName {
font: bold oblique 18px/110% "Trebuchet MS", Verdana, Arial, sans-serif;
color: #0085A6;
}
.composerName {
font: bold oblique 18px/110% "Trebuchet MS", Verdana, Arial, sans-serif;
color: #0085A6;
}
*/