/*	SMPjazz.com CSS - Scott Bush, Oct. 2005	*/

/*	margin sequence:	Top		Right	Bottom	Left	*/
/*	padding is space inside containers; margin is space outside (except on the body definition	*/

/* Light blude: 67BFFE	*/
/*<group=Containers>*/
a[href $='.pdf'] { 
	padding-right:		18px;
	background:			transparent url(images/pdflink.gif) no-repeat center right;
}

a[href^="http://"] {
	padding-right:		18px;
	background:			transparent url(images/externallink.gif) no-repeat center right;
}
a[href^="http//:www.smpjazz.com"] {
	display:			none;
}

body {
	color:				#000;
	font-size:			.8em;
	font-family:		"Lucida Grande", "Verdana", "Arial", sans-serif;
	line-height:		140%;
	text-align:			left;

	background-color:	#FFFFFF;
	display:			block;
	padding:			0px	5px	5px	5px;
	margin:				0px	0px	0px	0px;

	width:				775px;
}
#notice {
	padding:			3px	3px	3px	3px;
	margin:			    0px	0px	10px 0px;
    background-color:   #FFCCCC;
    border:             1px dotted #FF0000;
    font-weight:        bold;
    font-size:          .8em;
}
#inside-nav {
	padding:			0px;
	margin:			    2px	0px	10px 0px;
	border-bottom:		1px dotted #0408A3;
	width:				100%;
}
#inside-nav ul  {
	margin:				0px;
	list-style-type:	none;
	padding:			0px 0px 0px 0px;
	font-size:			.8em;
}
#inside-nav li {
	display:			inline;
}
#inside-nav a {
	text-decoration:	none;
	margin:				0px 2px 0px 2px;
}


#accountBar {
	padding:			3px	5px	3px	5px;
	margin:				0px 0px 0px 0px;
	background:			url(images/accountBar.gif) repeat-x;
	width:				100%;
	height:				48px;
}
#accountBar a:hover {
	background-color:	transparent;
}
a.noHoverBG {
	background-color:	transparent;
}
#accountBar h3 {  
	display:			inline;
}
#accountBar blockquote {
	float:				right;
	text-align:			right;
	width:				200px;
	margin:				0px 0px 20px 0px;
	height:				42px;
}
#accountBar blockquote a:hover {
	background-color:	#0408A3;
}
#paginationBar {
	padding:			3px	5px	3px	5px;
	margin:				5px 0px 5px 0px;
	background:			url(images/paginationBar.gif) repeat-x;
	width:				100%;
	height:				30px;
}
#paginationBar .label {  
    font-style:         italic;
	color:			    #111;
}
#chartFinder {
	float:				right;
	margin-right: 		5px;
	height:				300px;
	overflow: 			hidden;
}
#chartFinderDL {
	height:				150px;
	overflow: 			hidden;
}

.maincol {
	padding:			0px	0px	0px	0px;
	width:				485px;
	float:				left;
}

.rightcol {
	width:				265px;
	float:				left;
	margin:				0px 0px 0px 10px;
}

.two-col {  
	padding:			0px	10px 0px 0px;
	float:				left;
	width:				48%;
}
.two-col > ul {
	margin:				0px 0px 0px 5px;
}
.three-col {
	padding:			0px	10px 0px 0px;
	float:				left;
	width:				31%;
}

li {  
	padding:			5px	0px	0px	0px;
}

#footer {
	color:				white;
	background-color:	#0408A3;
	font-size:			.8em;
	text-align:			center;
	letter-spacing:		1px;
	width:				100%;
	margin-top:			20px;
    float: left;
}

dl {
	width:				200px;
	margin:				10px 0px 10px 0px;
	background:			#aaa url(images/box_bottom-200.gif) no-repeat bottom left;
	background-color:	#ccc;
	color:				#000;
	font-size:			small;
}
dt {
	font-size:			1.2em;
	margin:				0;
	padding:			5px;
	border-bottom:		1px solid #fff;
	background:			#aaa url(images/box_top-200.gif) no-repeat top left;
	color:				#fff;
	background-color:	#0408A3;
}
dd {
	font-size:			small;
	line-height:		130%;
	margin:				0;
	padding:			1px	10px 4px 10px;
	background:			url(images/arrow.gif) no-repeat 0 3px;
}
dl>div {
	padding:			2px	5px 2px 5px;	
}
dd>a, dd>a:link, dd>a:visited {
	color:				#000;	
	text-decoration:	none;
}
dd>a:hover {
	color:				#fff;
	text-decoration:	none;                     
	border-bottom:		1px solid #fff;
}

.instructions {
    font-size:          .8em;
    border-top:         1px dotted #999;
    border-bottom:      1px dotted #999;
    background-color:   #FFFBCF;
    padding:            3px 1px 3px 1px;
	margin:				2px 20px 2px 0px;
}

/*<group=Homepage>*/
#header-home {
	color:				#0408A3;
	position:			relative;
	top:				0px;
	left:				0px;
	height:				100px;
}
#header-home h1 {
	font-size:			2.5em;
	font-weight:		bold;
	line-height:		110%;
	text-shadow:		4px 4px 3px #CCC;
	margin:				5px	0px	0px	0px;
}
#header-home h2 {
	font-size:			1.5em;
	font-weight:		bold;
	line-height:		110%;
	margin:				5px 0px 0px 0px;
}
#header-home img {
	float:				left;
	clear:				both;
	margin-right:		15px;
}

#main-nav {
	width:				500px;
	padding:			0px;
	line-height:		200%;
}


#greeting {
	border:				1px solid #777;
	padding:			5px;
	height:				auto;
	width:				250px;
	margin:				10px 0px 0px 0px;
}
#greeting h2 {
	margin-top:			0px;
}
#specialAnnouncement {
	text-align: center;
	padding: 0 3px 5px;
}

/*<group=Listings>*/
#tuneContainer {
	width:				780px;
}
#tuneNav {
	width:				220px;
	font-size:			.8em;
	padding:			0px 3px 0px 3px;
	z-index:			100;
}

#tunesContainer {
	width:				520px;
	margin-left:		240px;
}

/*<group=Headings>*/
h1,h2,h3,h4 {
	margin-bottom:		3px;	
}
h1 {
	font-size:			2.2em;	
	line-height:		140%;
	letter-spacing:		2px;
}
h2 {
	color:				#777;
	line-height:		100%;
}

/*<group=Anchors>*/
a {
	color:				#0408A3;
	text-decoration:	underline;
}

a:hover {
	color:				#fff;
	background-color:	#0408A3;
	text-decoration:	underline;
}

.footer a {
	color:				#fff;
	font-weight:		bold;
}
/* hide background color when hovering over image links */
a:hover > img, a.imageLink {
	background-color:	transparent;
}

/*<group=Inline>*/
ul, ol {
	padding:			5px 0px 5px 20px;
}

img {
	border:				none;
}
form {
	display:			inline;
}
.label, .fieldTitle, .caption {
	font-size:			.8em;
	color:				#777;
}
.fieldTitle {
    margin:             10px 0px 0px 0px;
}
textarea.small {
	height:				40px;
	background-color:	#EEE;
}
/* Table styles */
td, th {
	vertical-align:		top;
}

.buttonTable {
	width:				480px
}
.buttonTable td {
	width:				50%;
	padding:			10px 5px;
	border:				1px dotted #aaa;
	text-align:			center;
	vertical-align:		middle;
}
.buttonTable td:hover, .buttonTable th:hover {
	background-color:	#FFFBCF;
}
.buttonTable a, .buttonTable a:link {
	display:			block;
	font-size:			1.4em;
	font-weight:		bold;
	line-height:		1em;
	color:				#0408A3;
	text-decoration:	none;
	background-color:	transparent;
}
.buttonTable td a:hover {
	text-decoration:	underline;
	background-color:	transparent;
}

#checkoutTable {
	width:				650px;
	border:				1px solid #aaa;
}
#checkoutTable th {
	text-align:			left;
	font-size:			.8em;
	font-weight:		bold;
	color:				#111;
}
#checkoutTable td {
	padding:			1px 2px 1px 2px;
	border-top:			1px dotted #aaa;
}
#checkoutTable .iteration {
	border-right:		1px dotted #aaa;
}
#checkoutTable .lastRow th, #checkoutTable .lastRow td {
	text-align:			right;
	border-top:			1px solid #aaa;
}
#checkoutTable .infoRow th, #checkoutTable .infoRow td {
	text-align:			right;
}