/* Test Only */
/* 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;
  font-size:13.5pt;
  color:#000000;
}

.header h2 {
  display: inline;
  float: left;
  font-size:10;
  color:#B44800;
}

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

a.plain { text-decoration: none }

}

.header .signout a:hover {
  color: #000000;
  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: 16px; }
#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: 139px; 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: 139px; 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;
}

.popupSectionHeader { font-weight:bold; display: inline; width: 100%; text-decoration: none; font-size: 12px; }

.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 { text-align:left; border:0; padding:6px; margin:0px; font-weight:bold; color: #094D9C !important; background-color: #D6E1EE !important; vertical-align:bottom; }
.songTable th a { color:#094D9C; } 
.songTable th a:hover { color:#094D9C; } 
.songTable th a:visited { color:#094D9C; } 
.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 { text-align:left; border:0; padding:6px; margin:0px; font-weight:bold; color: #094D9C !important; background-color: #D6E1EE !important; vertical-align:bottom; }
.historyTable th a { color:#094D9C; } 
.historyTable th a:hover { color:#094D9C; } 
.historyTable th a:visited { color:#094D9C; } 
.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:1px solid #999; border-bottom:0 margin:0; background:#ffffff; clear:both; padding-bottom:0px; }
.faqBox h2 { color: #094D9C !important; align:center; background-image: none !important; padding: 3px 10px 2px 5px; font-size: 9x; background-color: #D6E1EE !important; }
.faqBox a { color:#148AB2; }
.faqBox a:visited { color:#3366ff; }
.faqBox a:hover { color:#00cc00; }
.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; }
.threeSmallCol .mainPromo .header { font-weight:bold; width: 100%; text-decoration: none; font-size:34px; }

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:400px; height:420px; padding-left:160px; padding-top:130px; padding-right:160px; padding-bottom:200px; z-index:2; visibility:visible;}
div.quickTipOff { position:absolute; width:400px; height:420px; left:160px; top:130px; z-index:-1; visibility:hidden;}

/* indexBodyGray on botLeft/Right doesn't work :-/ */

div.botLeftOn  { margin: 0; padding: 0; background: url(../s/i/bg-tableBotLeftB.gif); background-repeat: no-repeat; height: 9px; width: 100%; position: relative; width: 100%; opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; z-index:1; } 
div.botRightOn { margin: 0; padding: 0; background: url(../s/i/bg-tableBotRightB.gif); background-repeat: no-repeat; float: right; width: 58px; height: 9px; background-position: top right; width: 100%; opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; z-index:1; } 
div.botLeftGray  { margin: 0; padding: 0; background: url(../s/i/bg-tableBotLeftB.gif); background-repeat: no-repeat; height: 9px; width: 100%; position: relative; width: 100%; opacity:.30; filter:alpha(opacity=30); -moz-opacity:0.3; z-index:1; } 
div.botRightGray { margin: 0; padding: 0; background: url(../s/i/bg-tableBotRightB.gif); background-repeat: no-repeat; float: right; width: 58px; height: 9px; background-position: top right; width: 100%; opacity:.30; filter:alpha(opacity=30); -moz-opacity:0.3; z-index:1; }