/* Only *IF* your site requires its own tabs, import them here. */
@import url("navII.css");

/* Your CSS rules can go below */

.header {
  height: 3em;
}

.header h1 {
  display: inline;
  float: left;
}

.header h2 {
  display: inline;
  float: left;
}

.header .signout a {
  color: #FF8331;
  float: right;
}

.header .signout a:visited {
  color: #FF8331;
  float: right;
}

.header .signout a:hover {
  color: #FF8331;
  float: right;
}

/* margin:0px 60px 20px 0px; */
#nonNavSprintMusic { float:left; margin-left: 12px; padding:33px 0px 10px 10px; }
#bodyAreaSprintMusic { float:left; width:688px; padding:0; margin-bottom:0; background-color:#fff; color:#000; }

div.threeColSprintMusic { margin:0 !important; }
.threeColSprintMusic .med { width:508px; float:left; margin:0; margin-bottom:20px; }
.threeColSprintMusic .thin { width:162px; float:right; margin:0; margin-bottom:20px; }
.threeColSprintMusic .half { width:220px; margin-right:8px; padding-right:8px; }

#navTblSprintMusic { white-space: nowrap; width:508; height:18px; }
#navTblSprintMusic div { float: left; }
#navTblSprintMusic a         { display: block; width: 100%; text-decoration: none; font-size: 8px; }
#navTblSprintMusic span    { display: none; }
#navTblSprintMusic #navAvailActive { background: url(../images/tab_availDownloads_active.gif) no-repeat; width: 151px; height: 18px; }
#navTblSprintMusic #navPurchaseHistoryInactive { background: url(../images/tab_purchHistory_inactive.gif) no-repeat; width: 151px; height: 18px; }
#navTblSprintMusic #navAvailInactive { background: url(../images/tab_availDownloads_inactive.gif) no-repeat; width: 151px; height: 18px; }
#navTblSprintMusic #navPurchaseHistoryActive { background: url(../images/tab_purchHistory_active.gif) no-repeat; width: 151px; height: 18px; }
#navTblSprintMusic #navLine { background: url(../images/line.gif) no-repeat; width: 218px; height: 18px; }
#navTblSprintMusic #navLineLong { background: url(../images/line_long.gif) no-repeat; width: 508px; height: 1px; }

#navTblSprintMusicInfo #headerPager { 
  margin-top: 5px;
  margin-left: 12px;
  margin-bottom: 5px;
  display: inline;
  float: left;
}

#navTblSprintMusicInfo #headerNoTrack { 
  margin-top: 5px;
  margin-left: 12px;
  margin-bottom: 5px;
  padding-bottom: 96px;
}

#navTblSprintMusicInfo #headerNoPager { 
  margin-top: 5px;
  margin-left: 12px;
  margin-bottom: 5px;
}

.paginator { padding-top:0.4em; text-align:right; height:2.0em; margin-right:5px; }
.paginator .jump { vertical-align:middle; display:inline; }

.songTable { width:100%; border-collapse:collapse; }
.songTable th { font-family: arial; font-size: 9pt; text-align:left; border-top:1px solid #959595; border-bottom:1px solid #959595; padding:6px; margin:0px; color: #0095d8 !important; background-color: #efefef !important; vertical-align:bottom; }
.songTable th a { color:#0095d8; text-decoration: none; } 
.songTable th a:hover { text-decoration: underline; } 
.songTable th a:visited { color:#0095d8; } 
.songTable td { text-align:left; border-right:1px solid #CCCCCC; padding:4px 8px; vertical-align:top; }
.songTable .date { width:17%; }
.songTable .title { width:53%; }
.songTable .artist { width:20%; }
.songTable .download { width:10%; text-align:center; border-right:0px } 

.historyTable { width:100%; border-collapse:collapse; }
.historyTable th { font-family: arial; font-size: 9pt; text-align:left;  border-top:1px solid #959595; border-bottom:1px solid #959595; padding:6px; margin:0px; color: #0095d8 !important; background-color: #efefef !important; vertical-align:bottom; }
.historyTable th a { color:#0095d8; text-decoration: none; } 
.historyTable th a:hover { text-decoration: underline; } 
.historyTable th a:visited { color:#0095d8; } 
.historyTable td { text-align:left; border-right:1px solid #CCCCCC; padding:4px 8px; vertical-align:top; }
.historyTable .date { width:17%; }
.historyTable .title { width:35%; }
.historyTable .artist { width:16%; }
.historyTable .handsetDownload { width:16%; }
.historyTable .pcDownload { width:16%; border-right:0px; }

.error_msg
{
  color: red;
  font-weight: bold;
}

.faqBox { border:0px margin:0; background:#F3F3F3; clear:both; padding-bottom:0px; }
.faqBox h2 { color: #233fa5 !important; background-image: none !important; padding: 3px 10px 2px 5px; font-size: 11px; background-color: #DAF2FF !important; }
.faqBox a { text-decoration: none; color:#FF8331; }
.faqBox a:visited { color:#FF8331; }
.faqBox a:hover { text-decoration: underline; }
.faqBox ul { margin:0; margin-left:0px; margin-bottom:15px; padding:0; }

div.threeSmallCol { margin:0 !important; }
.threeSmallCol .thin { width:136px; float:left; margin:0; margin-left:20px; margin-bottom:20px; }
.threeSmallCol .mainPromo { width:450px; float: left; margin-left:20px; }

div.indexBodyOn { width: 100%; opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; z-index:1; }
div.indexBodyGray { width: 100%; opacity:.30; filter:alpha(opacity=30); -moz-opacity:0.3; z-index:1; }
div.quickTipOn { position:absolute; width:500px; height:420px; padding-left:160px; padding-top:15px; padding-right:160px; padding-bottom:200px; z-index:3; visibility:visible;}
div.quickTipOff { position:absolute; width:500px; height:420px; left:160px; top:15px; z-index:-1; visibility:hidden;}