html {height:100%}
html, body {padding:0; margin:0; 
background: white url("http://www.notamusic.net/images/body_bkg_default.png");
background-repeat: repeat-x;
background-position: top;
font:normal 0.9em Tahoma, Arial,Verdana,sans-serif}

body {

min-height:100%; 
height:100%; 
color:#4a4a4a; 



}

#root {height:auto;min-height:100%; width:1002px; margin:0 auto;}
.pad {padding:0 31px 20px 309px; } /* padding-left = left_col + 31px + 19px */
.pad .content { padding:12px 18px !important; }

#wrapper { clear:both;height:38px; }



#footer {clear:both; z-index:999; height:59px;width:1002px;margin:-59px auto 0; font:0.9em Tahoma, Arial; color:#fff;
 }/*height = -(margin-top) - 1px*/
.pad2 { position:relative;min-height:98%; padding:1px 0 0 0;}

#left_side {float:left; width:309px; }
#content {float:right; width:100%; margin:0 0 0 -309px; }
#left_side, #content {z-index:1;}
#copyright { float:left; margin:1em 0 0 15px }
#developer { float:right; text-align:right; margin:2em 15px 0 0 }

/* styles */
a { color:#000000; outline:none; }
a:hover { text-decoration:none; }
a img { border:0; }
p { margin:2px 6px; }
#left_side p { margin:8px 0; }
#content p a:visited, #left_side p a:visited { color:#333333; }
h1, h2, h3, h4 {color:#999}
h1 { margin:4px 0; font:bold 2em Tahoma, Arial; }
h2 { margin:3px 0; font:bold 1.5em Tahoma, Arial; letter-spacing:-1.6pt; }
h2 a { text-decoration:none; color:#fff; }
h2 a:hover { color:#B49476 }
h3 { margin:3px 0; font:bold 1.2em Tahoma, Arial; text-align:left; }
h4 { margin:2px 0; }

.breadcrumbs { color:#333;font-size:0.812em; margin:5px 2px; clear:both; }
.clearing { clear:both; }
.hidden { display:none; }
.red { color:red; }
.fleft { float:left; }
.fright { float:right; }

.pager { margin:5px 0; font-size:0.95em; clear:both; }
.pager a, .pager b { display:inline; margin:0 3px; }

table { border:1px solid #b9b9b7; border-collapse:collapse; font-size:1em; width:100%; margin:4px 0 8px; }
table thead th, table td { border:1px solid #d8d8d7; border-collapse:collapse; padding:5px; }
table thead th{ background:#b5b4b4; text-align:left; color:#fff; }
table td { vertical-align:top; font-size:0.95em; }
tr.odd { background-color:#F9F9F9; }
tr.even { background-color:#F1F1F1; }

#tnav { list-style:none; margin:10px 0 0;padding:0; width:100%; }
#tnav li { position:relative; padding:0;margin:0 1px; overflow:hidden; }
#tnav li a { color:#3e2d1e;font:0.9em Tahoma, Arial; display:block;line-height:1.5em; }
#tnav li a:hover, #tnav li.current a { text-decoration:none; }
#tnav li em { position:absolute;bottom:-16px;left:-10px; color:#3e2d1e; letter-spacing:-1.7pt; font:bold 4em Arial; }
#tnav li.current em { color:#4f4f4f; }

.list { clear:both; border:1px solid #F1F1F1; padding:0; background-color:#FCFCFC; }
.genre { clear:both; border:0px solid #F1F1F1; padding:0; background-color:#FCFCFC; }

.download { height:16px;width:16px;display:block; color:#b49476;text-decoration:none;background:url(../images/icon/arrow_down.png) no-repeat; }
.play { height:16px;width:16px;display:block; color:#b49476;text-decoration:none;background:url(../images/icon/sound_note.png) no-repeat; }
.play.played { background:url(../images/icon/sound.png) no-repeat !important; }

.alphabet { list-style:none; margin:0;padding:0; clear:both; }
.alphabet li { float:left; margin:5px }

.nz { margin:10px 0;position:relative;clear:both; }
.nz_messages { background:#a6ff9b;border:1px solid #063; }
.nz_messages .message {margin:11px;font:bold 0.9em Tahoma, Arial;color:#063;}
.nz_errors { background:#fef2f2;border:1px solid #de5555; }
.nz_errors .message {margin:11px;font:bold 0.9em Tahoma, Arial;color:#de5555;}
.cross { background:url(../images/icon/close.gif) no-repeat right center; cursor:pointer; width:10px;height:10px; position:absolute;top:1px;right:1px; }

/* form */
form .field { clear:both; padding:0 0 8px; overflow:hidden; }
form label { float:left; color:#333; width:33%;margin:0 10px 0 0; }
form label.label_nofloat { float:none; width:auto; margin:0 13% 0 0; }
form .input, form .short_input, form select, form textarea { font:0.9em Tahoma, Arial; color:#000; }
form .input { height:1.4em;width:17em; border:solid 1px #999;margin:1px 0; background:#fff }
form select { height:1.8em;width:17em; border:solid 1px #999; padding:0; }
form textarea { border:solid 1px #999; color:#000; padding:2px 4px 2px 4px; }
form input.button { border:0;height:1.6em; color:#fff;font-weight:bold; background-color:#3963a3; }
form input.checkbox { position:relative; top:1px; }
form .button-field { padding:3px 0 0 20%; }
form input.input.error, form textarea.error, form select.error { border:1px solid red; }
form .form-errors { color:red; }

/* IE fix */
* html #root {height:100%}
* html #left_side {margin-right:-100%}
* html .pad2 {height:99%}
* html #content {display:inline}
* html .cross {top:-5px}