/*
Title:		Sweetwater Records© styles for screen media
Author: 	richard@methodengine.com
Updated: 	March 14, 2006
*/

/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin: 2px;
	padding: 0;
	font-size: 10px;
	color: #000;
	background: white;
	background:url(images/pattern.jpg) repeat;
}

.requiredRegistration {
	padding-left: 2px;
	background: url(images/required.gif) top left no-repeat;
}


a.backtotop {
	color: #1A32AD;
	text-decoration: none;
}
a.backtotop:hover {
	text-decoration: underline;
}
table {
	margin: 0;
	padding: 0;
	margin-top: 20px;
  width: 100%; 
}

.soundsLike  {

	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
  padding-bottom: 0px;
	font-size: 10px;
	color: #fff;

}

#FourOhFourPage   {

  margin: 0;
	padding: 12;
	margin-top: 0px;
  height:250px;
	width: 820px;
	position:absolute;
  top: 250px;
  left: 2px;
  
} 

#navigationTable table  {

  margin: 0;
	padding: 0;
	margin-top: 0px;
  height:22px;
	width: 820px;
	position:absolute;
  top: 141px;
  left: 2px;
  
} 

#navigationTable ul  {
/* 
  margin: 0;
	padding: 0;
	margin-top: 0px;
  height:22px;
	width: 820px;
	position:absolute;
  top: 141px;
  left: 30px;
 background:url(/imgs/nav-bg.gif) repeat; */
  
} 

#navigationTable_No_Table {

  margin: 0;
	padding: 0;
	margin-top: 0px;
  height:22px;
	width: 820px;
	position:absolute;
  top: 144px;
  left: 2px;
  
} 

#genreindex table {
  
  left:61px;
  position:absolute;
  top:30px;
  width:700px;
}
#genreindexcolumn1 table {
  
  left:30px;
  position:absolute;
  top:290px;
  width:200px;
  border-right: 1px dotted #333333;
}
#genreindexcolumn2 table {
  
  left:276px;
  position:absolute;
  top:290px;
  width:150px;
  border-right: 1px dotted #333333;
}
#genreindexcolumn3 table {
  
  left:441px;
  position:absolute;
  top:290px;
  width:250px;
  
}


.genreHeading{
  font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	margin: 0px;
	padding-left:10px;
  font-size: 16px;
	color: #000000;
	text-decoration:none;
	border-bottom: 2px solid #000000;
	/* background:url(/imgs/browse_bg.gif) no-repeat; */
  

}
.genreindexlinks {
  
  font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	margin: 0px;
	padding-bottom:0px;
  font-size: 12px;
	color: #1A32AD;
	text-decoration:none;
}


#toppreview table {
left:265px;
position:absolute;
top:258px;
height:50px;
width:293px;
}



#featuredArtist2 img {
  margin: 0;
	padding: 0;
	margin-top: 0px;
  height:497px;
  width: 823px; 
	position:absolute;
  top: 246px;
  left: 2px;


}

#featuredArtistBG img {
background: url(images/featuredArtist2.jpg") no-repeat;
  margin: 0px;
	padding: 0px;
	margin-top: 0px;
  height:497px;
	width: 823px;
	position:absolute;
  top: 246px;
  left: 2px;

}

#navigationTable_newhome table  {

  margin: 0;
	padding: 0;
	margin-top: 0px;
  height:22px;
	width: 820px;
	position:absolute;
  top: 68px;
  left: 1px;
  
} 

#navigationTable_genre ul  {
}


#navigationTable_genre table  {

  margin: 0;
	padding: 0;
	margin-top: 0px;
  height:22px;
	width: 820px;
	position:absolute;
  top: 68px;
  left: 1px;
  
} 


#navigationTable2 table  {
  background:url("images/navstrip_bg.jpg") top left no-repeat;
  margin: 0;
	padding: 0;
	margin-top: 0px;
	width: 822px;
	height: 62px;
	position:absolute;
  top: 160px;
  left: 2px;
          

} 

#navigationTable2_genre table  {
  background:url("/imgs/navstrip_bg.jpg") top left no-repeat;
  margin: 0;
	padding: 0;
	margin-top: 0px;
	width: 822px;
	height: 62px;
	position:absolute;
  top: 89px;
  left: 2px;
} 
 

#navigationTable2_newhome table {
background:transparent url(/imgs/navstrip_bg.jpg) no-repeat scroll left top;
position:absolute;
left:2px;
top:89px;
height:62px;
width:822px;
margin:0px 0pt 0pt;
padding:0pt;

}
#navigationTable3_newhome table {
/*background:transparent url(/imgs/navstrip_bg.jpg) no-repeat scroll left top; */
background-color:#ffffff;
position:absolute;
left:2px;
top:150px;
height:82px;
width:822px;
margin:0px 0pt 0pt;
padding:0pt;

}

#navigationTable3   {
  background:url("/imgs/cookcrum_bck2.jpg") top left no-repeat;
  margin: 0;
	padding: 0;
	margin-top: 0px;
	width: 823px;
	height: 0px;
	position:absolute;
  top: 224px;
  left: 2px;
          

}



#navigationTable td  {

	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
} 

#searchLabel1  {

  font-family: Arial, Verdana, Helvetica, sans-serif;	
  font-weight: bold;
	margin: 0px;
	padding-left: 30px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	font-size: 14px;
	color: #ffffff;
	


}

tr {
	height: 22px;
}
table th {
	width: 150px;
	padding-right: 5px;
	text-align: right;
}
table td.tableHeader {
	color: #FFF;
	text-decoration: none;
	text-align: right;
}
table th.tableLabel {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}


table th.tableLabelReg {

background:transparent url(images/required.gif) no-repeat scroll left top;
padding-left:12px;
color: #333;
	text-decoration: none;
	font-weight: normal;

}
table td a.forgot {
	color: #1A32AD;
	text-decoration: none;
	padding-bottom: 3px;
}
table td a.forgot:hover {	text-decoration: underline; }

/* --[ ECommerce Table definitions ]------------------------------- */
#outerTable {
	border-collapse: collapse;
	background-color: #FFF;
	width: "100%";
}
#ecommerce {
	background-color:#FFF;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: none;
}
#ecommerce th {
	background-color: #D9DDE9;
	text-align: left;
}
#ecommerce td, th {
	padding: 4px 10px;
}
#ecommerce .whiteTableHeader {
	background-color:#FFF;
	font-weight: bolder;
	color: 000;
}
#ecommerce .purchaseRow {
	padding: 0;
	margin: 0;
	background-color:#FFF;
	text-align: right;
}
#ecommerce tr td img{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
}
#ecommerce .lightGray {
	background-color:#F2F5FA;
}
#ecommerce .lastRow {
	border-top: 1px solid #CCC;
}

#ecommerce .lastRowPayPal {
	border-bottom: 1px solid #CCC;
}

#ecommerce .totalTable {
	background-color:#F2F5FA;
	border: none;
	font-weight: bolder;
	color: 000;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	height: 12px;
}
#ecommerce .bitRate { 
	width: 50px; 
	border-right: solid 1px #EDEDF7; 
}
#ecommerce .rightEdge { 
	border-right: solid 1px #EDEDF7; 
}
#ecommerce .songTitle {	
	border-right: solid 1px #EDEDF7; 
}
#ecommerce .artist {
	width: 130px; 
	border-right: solid 1px #EDEDF7;
}
#ecommerce .songPrice {	
	width: 80px;
}
#ecommerce .status{	
	width: 80px;
	border-right: solid 1px #EDEDF7;
}
#ecommerce .purchaseDate{	
	width: 80px;
	border-right: solid 1px #EDEDF7;
}

#ecommerce .bitRate{	
	width: 80px;
	border-right: solid 1px #EDEDF7;
}
#ecommerce .filesize{	
	width: 90px;
}

#ecommerce a{ color: #1A32AD; text-decoration: none; }
#ecommerce a:hover { text-decoration: underline; }
#ecommerce a.boldLink{ color: #1931AF; font-weight: bold; text-decoration: none; }
#ecommerce a.boldLink:hover { text-decoration: underline; }

/* --[ Footer ]------------------------------- */
.footer {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

/* --[ Blue Footer ]------------------------------- */
#peachFooter {
	clear: both;
	float: left;
	position: relative;
	width: 833px;
	height: 73px;
	margin: 0;
	padding: 0;
	background-color: #D49E60;
	background:url(../imgs/peachFooter.gif) no-repeat;
}
#peachFooter a {
	color: #1A32AD;
	text-decoration: none;
}
#peachFooter a:hover {
	text-decoration: underline;
}
#peachFooter ul {
	margin: 0;
	padding: 0;
	width: 830px;
	padding-left: 10px;
	padding-top: 15px;
}	
#peachFooter li {
	float: left;
	width: 120px;
	width: auto;
	margin: 0;
	padding: 0px 6px 5px 6px;
}
#peachFooter p {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
	padding-left: 18px;
	color: #000;
}

/* --[ Blue Footer ]------------------------------- */
#blueFooter {
	clear: both;
	position: relative;
	float: left;
	width: 834px;
	height: 73px;
	margin: 0;
	padding: 0;
	background: white;
	background:url(../imgs/blueFooter.jpg) no-repeat;
}
#blueFooter a {
	color: #FFF;
	text-decoration: none;
}
#blueFooter a:hover {
	text-decoration: underline;
}
#blueFooter ul {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-top: 15px;
}	
#blueFooter li {
	float: left;
	width: 120px;
	width: auto;
	margin: 0;
	padding: 0px 32px 5px 0px;
	list-style: none;
}
#blueFooter p {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 18px;
	color: #000;
}

/* --[ RIGHT SIDE ALBUM SHADOW ]------------------------------- */
#shadow {
	float: left;
	width: 830px;
	background: url(../imgs/sideShadow.gif) right repeat-y;
}


/* --[ RIGHT SIDE ALBUM SHADOW ]------------------------------- */
#popUp {
	width: 680px;
	padding: 0;
	margin: 0;
	padding: 10px;
	background: url(../imgs/popup_corner.jpg) top left no-repeat;
}
#popUp p.pu_instuctions {
	width: 270px;
}
#popUp p.pu_bold {
	width: 320px;
	font-weight: bold;
}
#popUp h1 {
	clear: both;
	color: #FFF;
	font-size: 175%;
	margin: 0;
	padding: 0;
	font-weight: bold;
	width: 425px;
}
#popUp img.pu_imgLeft {
	float: left;
}
#popUp img.pu_imgRight {
	float: right;
}

/* --[ Account definitions ]------------------------------- */
#outerTable_center {
	background-color: #FFF;
	width: 335px;
	
	border: 1px solid blue;
}
#outerTable_center p {
	padding-left: 10px;
}
#outerTable_center p.outerTableBold {
	padding-left: 10px;
	font-weight: bold;
	width: 310px;
}
#outerTable_center p.welcome {
	font-weight: bold;
	font-size: 120%;
	width: 315px;
	padding-left: 10px;
}
#outerTable_center .smSubText {
	width: 315px;
	font-weight: normal;
}
#outerTable_center ul {
	margin: 0;
	padding: 0;
	padding-left: 10px;	
	padding-bottom: 10px;
	list-style: none;
	line-height: 1.6em;
}
#outerTable_center a {
	color: #1A32AD;
	text-decoration: none;
}
#outerTable_center a:hover {
	text-decoration: underline;
}

/* --[ Box styles: PEACH ]------------------------------- */
#sm_peachBox {
	border: 1px solid #999;
	border-bottom: none;
	background: url(../imgs/createArtistPage.gif) bottom left no-repeat;
	background-color: #FEE7B3;
	width: 325px;
	margin: 0;
	padding: 0;

}

#sm_peachBox img {
  cursor:pointer;
  float:left;
  height:138px;
  left:256px;
  position:absolute;
  top:520px;
  width:187px;
  

}

#sm_peachBox2 {
	border: 1px solid #999;
	border-bottom: none;
	background: url(../imgs/createMusicServicesPage.gif) bottom left no-repeat;
	background-color: #FEE7B3;
	width: 325px;
	margin: 0;
	padding: 0;
}
#sm_peachBox ul.peachBullet {
	width: 122px;
	margin: 0;
	margin-left: 198px;
	padding: 0;	
	padding-top: 15px;
	padding-bottom: 5px;
}
#sm_peachBox li.peachBulletItem {
	background: url(../imgs/carrotPeach.gif) top left no-repeat;
	width: 112px;
	padding-left: 10px;
	padding-bottom: 5px;
}
#sm_peachBox p.colorBoxCopy {
	width: 120px;
	margin: 0;
	padding: 0;	
	padding-top: 10px;
	padding-left: 198px;
}
#sm_peachBox2 p.colorBoxCopy {
	width: 120px;
	margin: 0;
	padding: 0;	
	padding-top: 10px;
	padding-left: 198px;
}

#sm_peachBox a {
	color: #1933AE;
	text-decoration: none;
}
#sm_peachBox a:hover {
	text-decoration: underline;
}


/* --[ Box styles: BLUE ]------------------------------- */
#sm_blueBox {
	border: 1px solid #999;
	background: url(../imgs/createMusicServicesPage.gif) bottom left no-repeat;
	background-color: #D8DEF8;
	width: 325px;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

#sm_blueBox img {
  cursor:pointer;
  float:left;
  height:138px;
  left:256px;
  position:absolute;
  top:695px;
  width:187px;
  
}

#sm_blueBox ul.blueBullet {
	width: 122px;
	margin: 0;
	margin-left: 198px;
	padding: 0;	
	padding-top: 15px;
	padding-bottom: 5px;
}
#sm_blueBox li.blueBulletItem {
	background: url(../imgs/carrotBlue.gif) top left no-repeat;
	width: 112px;
	padding-left: 10px;
	padding-bottom: 5px;
}
#sm_blueBox p.colorBoxCopy {
	width: 120px;
	margin: 0;
	padding: 0;	
	padding-top: 10px;
	padding-left: 198px;
}
#sm_blueBox a {
	color: #1A32AD;
	text-decoration: none;
}
#sm_blueBox a:hover {
	text-decoration: underline;
}

/* --[ side album image ]------------------------------- */
#showSideAlbum {
	position: absolute;
	top: 275px;
	left: 822px;
/*	background: url(../imgs/sideAlbum_peach.gif) right no-repeat;	(Commented out by Taimur Baig, 05/14/06 - as per Patrick's request)*/
	width: 30px;
	height: 303px;
}
#showSideAlbumBig {
  position: absolute;
  top: 14px;
  left: 823px;
  background: url(../imgs/bigAlbum.gif) right no-repeat;
  width: 337px;
  height: 791px;
}


#successMsg {
 margin: 10px; 
 padding: 10px;
 border:1px solid #339900; 
 
 text-align:center;
 width: 465px;
}
#successMsg p.sMsg {
	color: #339900; 
	font-weight: bold; 
	font-size: 125%; 
	width:440px;
}

#errorMsg {
 margin: 10px; 
 padding: 10px;
 border:1px solid red; 
 text-align:center;
 width: 465px;
}
#errorMsg p.sMsg {
	color: red; 
	font-weight: bold; 
	font-size: 125%; 
	width:440px;
}
#errorMsgSmall {
	margin: 10px;
	padding: 10px;
	border:1px solid red; 
	text-align:center;
	width: 350px;
}
#errorMsgSmall p.sMsg {
	color: red;
	font-weight: bold;
	font-size: 125%;
	width:325px;
}

/* --[ FORM ELEMENTS: INPUT AND SELECT ]------------------------------- */
select, input, textarea {
	clear: both;
	color: #000;
	font-size: 10px; 
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
select, input {
	font-size: 10px; 
}
.popOut {	font-weight: bold; }
.inputSuperTiny { font-size: 10px; width: 40px;}
.inputTiny { font-size: 10px; width: 80px; }
.inputSm { font-size: 10px; width: 110px; }
.inputMd { font-size: 10px; width: 150px; }
.inputBg { font-size: 10px; width: 180px; }
.inputSuperBg { font-size: 10px; width: 220px; }
.pgImgHeader {margin:0; padding:0; padding-bottom:16px; }
a { color: #1A32AD; text-decoration: none; }
a:hover { text-decoration: underline; }
.whiteTxt { color: #FFF; }

/**************************************************
Search specific styles
**************************************************/

.advSearchTable {
	margin: 0;
	padding: 0;
	float: left;
	width: 770px;
	border-collapse: collapse;
	color: #000;
	background-color: #D4D9DD;
}
.advSearchTable td { padding-left:20px; padding-top: 30px; }
.tblborder_t { border-top:  solid 1px #556A7B; }
.tblborder_r { border-right:  solid 1px #556A7B;}

/**************************************************
Artist Directory specific styles
**************************************************/
.bigSearchTable {
	clear: both;
	margin: 0;
	padding: 0;
	float: left;
	width: 770px;
	border-collapse: collapse;
	color: #000;
}
.mp3SearchTbl {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	margin-left:2px;
	float: left;
	width: 766px;
	border-collapse: collapse;
	color: #FFF;
}
.ad_nav { 
	color:#FFF; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 2em;
	text-decoration: none; 
}
.ad_navPrev {
	color:#FFF; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 2em;
	text-decoration: none; 
	padding-right: 8px;
}
.ad_navNext {
	color:#FFF; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 2em;
	text-decoration: none; 
	padding-left: 8px;
}
.ad_navSelected { 
	border: 1px solid #FFF;
	color:#FFF; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 2em;
	text-decoration: none; 
	padding: 2px;
}
.ad_navSelected:hover { text-decoration: none; }
.ad_nav:hover { text-decoration: underline; }
.ad_navPrev:hover { text-decoration: underline; }
.ad_navNext:hover { text-decoration: underline; }
.tbl_fld1 { margin: 0; padding:0; padding-left: 18px; border-right: solid 1px #EDEDF7; }
.tbl_fld2 { margin: 0; padding:0; padding-left: 18px; border-right: solid 1px #EDEDF7; }
.tbl_fld3 { margin: 0; padding:0; padding-left: 20px; border-right: solid 1px #EDEDF7; }
.tbl_fld4 { margin: 0; padding:0; padding-left: 15px; border-right: solid 1px #EDEDF7; }
.tbl_fld5 { margin: 0; padding:0; padding-left: 20px; border-right: solid 1px #EDEDF7; }
.tbl_fld6 { margin: 0; padding:0; padding-left: 20px; border-right: solid 1px #EDEDF7; }
.tbl_fld7 { margin: 0; padding:0; padding-left: 18px; border-right: solid 1px #EDEDF7; }

.tbl_fld1B { margin: 0; padding:0; padding-left: 18px; border-right: solid 1px #EDEDF7; border-bottom: solid 1px #CCCCCC; }
.tbl_fld2B { margin: 0; padding:0; padding-left: 18px; border-right: solid 1px #EDEDF7; border-bottom: solid 1px #CCCCCC; }
.tbl_fld3B { margin: 0; padding:0; padding-left: 20px; border-right: solid 1px #EDEDF7; border-bottom: solid 1px #CCCCCC; }
.tbl_fld4B { margin: 0; padding:0; padding-left: 15px; border-right: solid 1px #EDEDF7; border-bottom: solid 1px #CCCCCC; }
.tbl_fld5B { margin: 0; padding:0; padding-left: 20px; border-right: solid 1px #EDEDF7; border-bottom: solid 1px #CCCCCC; }
.tbl_fld6B { margin: 0; padding:0; padding-left: 20px; border-right: solid 1px #EDEDF7; border-bottom: solid 1px #CCCCCC; }
.tbl_fld7B { margin: 0; padding:0; padding-left: 18px; border-right: solid 1px #EDEDF7; border-bottom: solid 1px #CCCCCC; }
.lightWhiteStrip { 	background-color: #FFF; }
.lightWhiteStripB { 
	background-color: #FFF; 
	border-top: 1px solid #green;
}
.lightBlueStrip { background-color: #F2F5FA; }
.darkBlueStrip { background-color: #D9DDE9 }
.tbleheader {  padding-top: 20px;  padding-bottom: 10px;}
.instructions { color: #666; font-size: 95%; }
.recordsFound { color: #fff; font-size: 130%; font-weight: bold; text-decoration: none; }
.seachInstead { color: #fff; font-size: 130%; text-decoration: none; }
.darkBoldLarge { color: #000; font-size: 130%; font-weight: bold; text-decoration: none; }
.navItemDBL { color: #000; font-size: 110%; font-weight: bold; text-decoration: none; }
.tpdCopy { font-size: 11px; color:#000; font-weight: normal; line-height: normal; }
.tpdNum { color:#FF6630; padding-right: 3px;}
.kywordrslts { padding: 20px; border-bottom: 1px solid #CCCCCC; }
.borderBottom { border-bottom: 1px solid #CCCCCC; }
.borderTop { border-top: 1px solid #CCCCCC; }
.slightlyLrgr { font-size: 110%; text-decoration: none; }
.indentCell { padding-left: 22px; padding-bottom: 20px; }
.capIntro {border-collapse: collapse; border: none; width: 535px; }

#hackerSafe {
          clear: both;
          width: 820px; 
          float: left; 
          text-align: center;
       }
#genreLinks {
          position:absolute;
          top: 55px;
          left: 195px;
          width: 607px;
}

#genreLinks2 {
          position:absolute;
          top: 7px;
          left: 503px;
          width: 300px;
}

#genreLinks2_artist {

          position:absolute;
          top: 10px;
          left: 547px;
          width: 607px;
      
}


#cartStatus {

          position:absolute;
          top: 28px;
          left: 667px;
          width: 384px;
      
}



#cartImage {

          position:absolute;
          top: 23px;
          left: 615px;
          width: 185px;

}


/* --[ Box styles: Maintain My Page Peach Box ]------------------------------- */

#maintainPg_Box {
                border: 1px solid #999;
                border-bottom: none;
                background: url(../imgs/maintainmypage.gif) bottom left no-repeat;
                background-color: #FEE7B3;
                width: 325px;
                height: 150px;
                margin: 0;
                padding: 0;
}

#maintainPg_Box ul.peachBullet {
                width: 122px;
                margin: 0;
                margin-left: 198px;
                padding: 0;
                padding-top: 15px;
                padding-bottom: 5px;
}

#maintainPg_Box li.peachBulletItem {
                background: url(../imgs/carrotPeach.gif) top left no-repeat;
                width: 112px;
                padding-left: 10px;
                padding-bottom: 5px;
}

#maintainPg_Box p.colorBoxCopy {

                width: 120px;
                margin: 0;
                padding: 0;          
                padding-top: 10px;
                padding-left: 198px;
}

.open { display: block; }
.closed { display: none; }


/* Classes to override V-Bulletin styles used in Sweetwater Forums */
.forumLinkBold {

font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 10px;
font-weight: 401;
line-height: 16px;
text-decoration:none;

}
.forumLinkRegular {

font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-size: 10px;
line-height:16px;
text-decoration:none;
}