html, body { height:100% }
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  background: #CCC url(/img/background.png) top center repeat-y;
}
body.IE6 {
  background: #CCC url(/img/background.gif ) top center repeat-y;
  height: auto;
}

body.mini { background:white; }

#wrap
{
	margin-top:0pt;
    margin-bottom:0pt;
    margin-left:auto;
    margin-right:auto;
    padding-top:41px;
    width:950px;
	min-height: 92%;
	background-color: #FFFFFF;
	border: 0px solid black;
}

/************** TOP NAV ************/
#topnavDiv {
background:url(/img/dropdown/header.gif);
width: 950px;
margin: 0px auto 0px auto;
height: 31px;
border-bottom: 1px black solid;
top: 0px;
position: fixed;
float: left;
}

/* must add up to 930 or less */
.topnavLogoBox { width: 80px; }
.topnavLogoBox img { border: 0; margin:0; }

.dropdown {
float: left;
margin: 0px;
padding: 0px;
height: 34px;
font-size: 14px;
border: 0px solid black;
}

.topnavSearchBox span { padding: 1px; }
.topnavSearchBox span.label { float: left; }
.topnavSearchBox .searchForm { float: left; margin: 5px; }

.button {
border: 1px solid #777777;
height: 30px;
background:url(/img/dropdown/header.gif);
margin-top: 0px;
vertical-align:middle;
}

.button span {
padding-top:7px;
margin:0 5px;
font:12px Verdana, Arial, Helvetica;
font-weight:bold;
float: left;
}

.button:hover {background:url(/img/dropdown/header_over.gif)}

.home-browse-artists-banner { border:2px solid #aaa; width: 450px; margin-bottom:10px; }
.home-browse-artists-banner .label { width: 100px; }
.homeSearchBox { border:2px solid #aaa; width: 450px; margin-bottom:40px; }
.homeSearchBox .label { width: 100px; }
.homeSearchBox .searchForm { margin: 5px; }

a.navHot, a.navMale, a.navFemale, a.navGroup, a.navOther {
text-decoration: underline;
}

a.navHot:hover, a.navMale:hover, a.navFemale:hover, a.navGroup:hover, a.navOther:hover, a.editStr:hover  {
color: red;
}

a.navSelected { color: red; }

/********** END OF TOP NAV ************/


/********* Song List ****************/

td#songListCol {
vertical-align:top;
width: 310px;
}

table#songListTable {
margin: -2px 0px 0px -1px;
width: 100%;
border: 1px solid lightblue;
border-spacing: 0;
}

td#artistResult {
vertical-align:top;
padding: 5px;
}

td#songResult {
vertical-align:top;
padding: 0px 20px 0px 20px;
}

table#songListTable tr.songitem_1 { background-color: #FFFFFF; }
table#songListTable tr.songitem_2 { background-color: #F1F6FF; }
table#songListTable tr.songitem_1:hover, table#songListTable tr.songitem_2:hover { background-color: #AADEEE; }

table#songListTable tr.selected { background-color: blue; color: white; }
table#songListTable tr.selected a { color: white; }

td.songitem { padding: 2px 10px; }
td.songitem { cursor:pointer;cursor:hand }

td.mod_button_show { width: 25px; }
td.mod_button_hide { width: 0px; }

/********** End of Song List **********/
#song-mv { position: absolute; float: right; margin-bottom: 20px; }

/************ paging ************/

#artistPaging {
width: 100%;
height: 30px;
margin: 0 0 10px 0;
}

a.paging_pagenum { color: #0000FF }
a.paging_pagenum:hover { color: #FF5500 }

#paging_top {
background-color: #BBEDFF;
height: 30px;
}

#paging_top div, #artistPaging div {
height: 20px;
border: 0px solid black;
float: left;
}

#pagingLeft {
width: 45px;
text-align: left;
font-size: 10pt;
padding-right: 5px;
}

#paging_top #pagingCenter {
width:200px;
text-align: center;
font-size: 11pt;
}

#artistPaging #pagingCenter {
width:800px;
text-align: center;
font-size: 12pt;
}

#pagingRight {
width: 45px;
text-align: right;
font-size: 10pt;
}

/************* artist ***********/
td.select_artist_cell {
background-color: #FFFFFF;
width:135px;
height:140px;
text-align:center;
}

a img.artimg {
width:100px;
border:3px double black;
}

a:hover img.artimg {
border:3px solid red;
}

img.artimg_big {
height:150px;
width:150px;
border-left:1px solid #505050;
border-top:1px solid #505050;
border-bottom:5px outset #C0C0C0;
border-right:5px outset #C0C0C0;
}

/********** global *********/

body .mainBody {
border: 0px solid black;
min-height:100%;
width: 900px;
margin: 0;
padding: 20px 10px;
margin: 0 auto;
border: 0px solid black;
}

a { text-decoration: none; color: #0033dd; }
a:hover { text-decoration: underline; }

h2.nopadding { margin: 0px; padding: 0px; }
.blackborder { border:1px solid black; }

img.addButton
{
padding: 0;
margin: -7px 0 0 0;
border:0;
float:left;
}

img.removeButton
{
padding: 0;
margin: 2px 5px 0px 0;
border:0;
float:left;
}

/* for spam prevention */
#phoneNumber {
    display: none;
}

#keyword {
background-color: #fffdef;
background-attachment: scroll;
background-position: 0% 0%;
border: 1px solid #cccccc;
padding: 2px;
float:left;
color:grey;
}

#keyword:focus { outline:0; }
#search_btn { height: 21px; float:left; }

/***************/
.footer
{
border-top: 2px solid #efefef;
color:grey;
margin: 0px auto;
padding-top: 10px;
padding-bottom: 20px;
width: 930px;
height: 25px;
text-align: center;
background-color: white;
}

.footer-inner {
width: 600px;
}

.footerColumn {
float: left;
font-size: 12px;
padding-right: 10px;
padding-left: 10px;
}

div.footerColumn {
padding-top: 4px;
}

/**** play control ****/
.playcontrolpanel {
height: 30px;
width:100%;
padding: 5px 0 0 0;
margin: 0 0 0 0;
text-align:center;
background-color: white;
}

/**** song comment stuff ***/
.song-comment-pannel { clear: both; border-top: 3px solid #efefef; }
.song-comment-title { float: left; }
.song-comment-entry {
clearn: both;
border-top: 1px solid #efefef;
margin-top: 4px;
padding: 7px 0px 4px 15px;
}

.song-comment-head { background-color:white; padding: 0 4px 4px 4px; margin-top: 5px; }
.song-comment-info { float: left; }
.song-comment-auth { float: left; font-weight: bold; }
.song-comment-time { float: left; color: #666666; margin-left: 2px; }
.song-comment-body{ padding: 4px; }
.song-comment-post { border-top: 1px solid #efefef; }
.song-comment-body { border: 0px solid black; }

/******* common stuff ********/
.bold{font-weight:bold}
.label{font-weight:bold;color:#333}
.grayText{color:#666}
.nowrap{white-space:nowrap}
.hLink{text-decoration:none}
.hLink:hover{text-decoration:underline}
.hand{cursor:pointer;cursor:hand}
.floatL{float:left}
.floatR{float:right}
.clear{clear:both}
.clearL{clear:left}
.clearR{clear:right}
.spacer{clear:both;height:1px;font-size:1px}
.center{margin-left:auto;margin-right:auto;text-align:center}
.alignC{text-align:center}
.alignR{text-align:right}
.hid{display:none}
.inline-block{display:-moz-inline-stack;display:inline-block;*display:inline;vertical-align:top;zoom:1}
.font14{font-size:14px}
.font12{font-size:12px}
.font11{font-size:11px}
.font10{font-size:10px}

/********** account / register ****************/
#phoneNumber { display: none; }
#suSigninDiv { width: 400px; }
#suSigninDiv form {
    border: 2px solid #CCC;
    background-color: #EEE;
    padding: 3px;
}
#suSigninDiv td {
	align:left;
}
#suSigninErrorDiv {
	background-color: #EEE;
	margin: 10px 30px 10px 30px;
	align: left;
    color: red;
}
#suSigninSuccessDiv {
	background-color: #EEE;
	margin: 10px 30px 10px 30px;
	align: left;
}

/****************************************************************/

.greyBox {
    border: 2px solid #CCC;
    background-color: #EEE;
    padding: 10px;
	margin: 10px 5px;
}

.yellowBox {
    border: 2px solid yellow;
    background-color: lightyellow;
    padding: 3px;
}

.blueBox {
    border: 1px solid lightblue;
    background-color: #F1F6FF;
    padding: 3px;
}

.errorBox {
	background-color: #EEE;
	margin: 10px 30px 10px 30px;
	align: left;
    color: red;
}

.infoBox {
	background-color: lightyellow;
	margin: 10px 30px 10px 30px;
	align: left;
}

.profile {
	width: 280px;
	margin: 10px 5px;
	padding: 10px;
}

.profile-row { padding: 5px 0; clear: both; }
.profile-name { text-align: center; font-weight: bold; }
.profile-row span.profile-label { float: left; color: #222222; }
.profile-row span.profile-value { float: right; color: #666666; }
.profile-playlist-all { text-align: center; }
.profile-playlist-all-title { font-weight: bold; }
.profile-playlist-entry { border: 1px solid lightblue; margin: 5px; }
.profile-playlist-title { font-weight: bold; margin: 10px 15px 0px 15px; float:left; }
.profile-playlist-songlist { text-align: left; }