* {
	font-family: arial, helvetica, sans-serif; margin:0px; padding:0px;
}

body {
	color: #ffffff; background-color: #000000; font-size: 11px; text-align: center; background-image: url(../../images/BackgroundWithBlurWithLine.jpg); background-position: top; background-repeat: no-repeat;
}

div#wrapper {
	width: 968px; padding: 0px; margin: 1px auto; text-align: left;
}


.Home {
	background-image: url(../../images/background.jpg); background-position: top; background-repeat: no-repeat;
}

.Splash {
	background-image: url(../../images/newbackground.jpg); background-position: top; background-repeat: no-repeat;
}

/************** Header **************/ 

div#Header {
	float: left; display: inline; width: 968px; padding: 0px; margin: 0px; text-align: left;
}

div#Header div#Brand {
	float: left; display: inline; width: 217px; height: 95px; padding: 0px; margin: 0px; text-align: left;
}

div#Header div#Brand img {
	margin: 20px 0px 0px 15px ; 
}

div#Header div#TopNavigation {
	float: left; display: inline; height: 45px; padding: 8px 0px 0px 0px; margin: 0px; text-align: left;
}

div#Header div#Tagline {
	float: left; display: inline; width: 751px; height: 95px; padding: 0px 0px 0px 0px; margin: 0px; text-align: right;
}

div#Header div#Tagline #fb-likebutton {
	float: left; display: inline; width: 180px; height: 95px; padding: 0px 0px 0px 30px; margin: 0px; text-align: left;
}

div#Header div#Tagline h1 {
	font-size: 13px; padding: 12px 20px 0px 0px; margin: 0px; font-weight: bold; color: #999999;
}

div#Header div#Tagline p {
	font-size: 12px; padding: 0px 20px 0px 0px; margin: 0px; color: #ffffff;
}
	
div#Header div#TopNavigation ul {
	margin: 0px; padding: 0px 0px 0px 50px; float: left; font-size: 11px; width: 1048px; height: 45px;
}

div#Header div#TopNavigation ul li {
	display: inline;
}

div#Header div#TopNavigation ul li a:link {
	display: block; float: left;  color: #ffffff; background-color: #002255; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0px 5px 0px 0px; text-decoration: none;
}

div#Header div#TopNavigation ul li a:visited {
	display: block; float: left; color: #ffffff; background-color: #002255; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0px 5px 0px 0px;text-decoration: none;
}

div#Header div#TopNavigation ul li a:hover {
	display: block; float: left; color: #ffffff; background-color: #ff00ff; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0px 5px 0px 0px;text-decoration: none;
}

div#Header div#TopNavigation ul li a:active {
	display: block; float: left; color: #ffffff; background-color: #002255; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0px 5px 0px 0px; text-decoration: none;
}
/*

div#Header div#TopNavigation ul li a {
	display: block; float: left; font-size: 11px; color: #ffffff; background-color: #002255; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0px 5px 0px 0px; text-decoration: none;
}

div#Header div#TopNavigation ul li a:visited {
	display: block; float: left; color: #ffffff; background-color: #002255; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0px 5px 0px 0px;text-decoration: none;
}

div#Header div#TopNavigation ul li a:hover {
	display: block; float: left; color: #ffffff; background-color: #ff00ff; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0px 5px 0px 0px;text-decoration: none;
}
*/
div#Header div#Image {
	float: left; display: inline; width: 868px; height: 368px; padding: 25px 50px 0px 50px; margin: 0px; text-align: left; 
}

div#Header div#Image h2 {
	font-size: 64px; padding: 0px 0px 10px 0px; margin: 0px; font-weight: normal; color: #ffffff;
}

div#Header div#Image p {
	font-size: 14px; padding: 0px 0px 10px 0px; margin: 0px; color: #ffffff; line-height: 20px
}

#Image img.left {
	float:left;
}

#Image img.right {
	float:right;
	margin: 15px 0px 0px 25px;
}


#Image .leftcol {
	margin: 15px 0px 0px 10px;
	float: left;
	width: 200px;
}


#Image .centrecol {
	margin: 15px 0px 0px 235px;
	
}

#Image .rightcol { 
	margin: -175px 0px 0px 0px; float:right; width:200px; padding-bottom:10px;
}


.rightcol img {padding:5px;}


div#Header div#Image ul {
	font-size: 14px; padding: 0px; margin: 0px 30px 20px 20px; color: #ffffff; line-height: 20px
}

div#Header div#Image ol {
	font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px 30px 1px 20px; color: #ffffff; line-height: 20px
}


div#Header div#Image li {
	font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px 30px 1px 20px; color: #ffffff; line-height: 20px
}

div#Header div#Image p.indent {
	font-size: 14px; padding: 0px 0px 10px 0px; margin-left: 220px; color: #ffffff; line-height: 20px
}

div#Header div#Image ul.indent {
	font-size: 14px; padding: 0px; margin: 0px 0px 0px 250px; color: #ffffff; line-height: 20px
}

div#Header div#Image li.indent {
	font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px 30px 1px 0px; color: #ffffff; line-height: 20px
}


div#Banner {
	 margin: 15px 0px 0px 40px;  text-align: left; 
}

div#Banner h2 {
	font-size: 64px; padding: 0px 0px 10px 0px; margin: 0px; font-weight: normal; color: #ffffff;
}

div#Banner h3 {
	font-size: 22px; margin: 0px 0px 0px 0px;  padding: 10px 0px 10px 0px; font-weight: bold; color: #ffffff;
}

div#Banner p {
	font-size: 13px; font-weight: normal; padding: 0px 0px 10px 0px; margin: 0px; color: #ffffff; line-height: 15px
}

div#Banner ul {
	font-size: 14px; padding: 0px; margin: 0px 30px 20px 20px; color: #ffffff; line-height: 20px
}

div#Banner ol {
	font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px 30px 1px 20px; color: #ffffff; line-height: 20px
}


div#Banner li {
	font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px 30px 1px 20px; color: #ffffff; line-height: 20px
}

/************** Content Area **************/ 

div#MainWrap {
	float: left; display: inline; width: 968px; padding: 0px; margin: 0px;
}

div#MainWrap div#ContentWrap {
	float: left; display: inline; width: 968px; padding: 15px 0px 0px 0px; margin: 0px; text-align: left; 
}


div#MainWrap div#ContentWrap h2 {
	font-size: 18px;
	padding: 10px;
	margin: 0px;
	font-weight: normal;
	color: #000000;
}

div#MainWrap div#ContentWrap div#RightColumn {
	float: left; display: inline; width: 300px; padding: 10px 0px 0px 15px; margin: 0px; text-align: left;
}

/*div#MainWrap  div#ContentWrap .LeftColumn {
	float: left; display: inline; width: 226px; height: 720px;padding: 0px; margin: 0px 0px 0px 20px; text-align: left; background-color: #ffffff;
} */

div#MainWrap  div#ContentWrap .LeftColumn {
	float: left; display: inline; width: 180px; height: 600px;padding: 0px; margin: 0px 0px 0px 20px; text-align: left; background-color: #ffffff;
}
div#MainWrap  div#ContentWrap .LeftColumn p {
	font-size: 12px; padding: 10px 10px 10px 10px; margin: 0px; color: #000000; line-height: 20px
}

/* div#MainWrap  div#ContentWrap .LeftColumn2 {
	float: left; display: inline; width: 226px; height: 720px; padding: 0px; margin: 0px 0px 0px 8px; text-align: left; background-color: #ffffff;
} */

div#MainWrap  div#ContentWrap .LeftColumn2 {
	float: left; display: inline; width: 180px; height: 600px; padding: 0px; margin: 0px 0px 0px 7px; text-align: left; background-color: #ffffff;
}

div#MainWrap  div#ContentWrap .LeftColumn2 p {
	font-size: 12px; padding: 10px 10px 10px 10px; margin: 0px; color: #000000; line-height: 20px
}

div#MainWrap div#ContentWrapWhite {
	float: left; display: inline; width: 928px; padding: 0px; margin: 0px 20px 0px 20px; text-align: left; background-color: #ffffff; -moz-border-radius: 13px; border-radius: 13px;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn {
	float: left; display: inline; width: 192px; padding: 20px 0px 0px 20px; margin: 0px; text-align: left;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn p {
	font-size: 17px; padding: 0px 0px 10px 0px; margin: 0px; color: #666666; line-height: 21px
}

div#MainWrap div#ContentWrapWhite div#LeftColumn h3 {
	font-size: 14px; font-weight: bold; padding: 15px 0px 5px 0px; margin: 0px; color: #000000;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn ul {
	display:inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn ul li {
	display:inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn ul li a {
	display:block;
	font-weight:normal;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	color: #002255;
	font-size: 14px;
	text-decoration:none;
	text-align: left;
	cursor:pointer;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn ul li a:link {
	width:192px;
	font-weight: normal;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	color: #002255;
	text-decoration:none;
	text-align: left;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn ul li a:visited {
	width:192px;
	font-weight: normal;
	padding:3px 0px 3px 0px;
	margin: 0px;
	color: #002255;
	text-decoration:none;
	text-align: left;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn ul li a:hover {
	width: 192px;
	font-weight: normal;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	color: #ff00ff;
	text-decoration:none;
	text-align: left;
}



div#MainWrap div#ContentWrapWhite div#MainContentFull {
	float: left; display: inline; width: 656px; padding: 0px 0px 0px 20px; margin: 20px 0px 20px 20px; text-align: left; border-left: dotted 1px #002255;
}

div#MainWrap div#ContentWrapWhite div#MainContent {
	float: left; display: inline; width: 444px; padding: 0px 0px 0px 20px; margin: 20px 0px 20px 20px; text-align: left; border-left: dotted 1px #002255;
}

div#MainWrap div#ContentWrapWhite div#RightColumn {
	float: left; display: inline; width: 192px; padding: 20px 0px 0px 20px; margin: 0px; text-align: left;
}

div#MainWrap div#ContentWrapWhite div#RightColumn ul {
	font-size: 12px; padding: 0px; margin: 0px 0px 0px 10px; color: #666666; line-height: 18px
}

div#MainWrap div#ContentWrapWhite div#RightColumn ol {
	font-size: 12px; padding: 0px 0px 5px 0px; margin: 0px; color: #666666; line-height: 18px
}


div#MainWrap div#ContentWrapWhite div#RightColumn li {
	font-size: 12px; padding: 0px 0px 5px 0px; margin: 0px; color: #666666; line-height: 18px
}



/*************** Form ******************/


.InputLarge { font-size: 11px; width: 190px; font-style: normal; font-variant: normal; color: #333333; padding: 2px; margin: 0px 5px 0px 0px }

.InputXLarge { font-size: 11px; width: 290px; font-style: normal; font-variant: normal; color: #333333; padding: 2px; margin: 0px 5px 0px 0px }

.InputSmall{ font-size: 11px; width: 80px; font-style: normal; font-variant: normal; color: #333333; padding: 2px; margin: 0px 5px 5px 0px }

.InputTime{ font-size: 11px; width: 65px; font-style: normal; font-variant: normal; color: #333333; padding: 2px; margin: 0px 5px 5px 0px }



.magenta { color:#ff00cc;}







/************** Main text and content styles **************/
	
p {
	font-size: 12px; padding: 0px 0px 10px 0px; margin: 0px; color: #000000; line-height: 18px
}

p.error {
	font-size: 12px; padding: 0px 0px 10px 0px; margin: 0px; color: #F00; line-height: 18px
}

p.BreadCrumb {
	font-size: 100%; padding: 10px 0px 10px 10px; margin: 0px; color: #716658; line-height: 115%
}

h1 {
	font-size: 14px; padding: 0px 0px 10px 0px; margin: 0px; font-weight: normal; color: #ffffff;
}

h2 {
	font-size: 22px; padding: 0px 0px 10px 0px; margin: 0px; font-weight: normal; color: #002255;
}

h3 {
	font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; margin: 0px; color: #000000;
}


h4 {
	font-size: 20px; font-weight: bold; padding: 0px 0px 10px 0px; margin: 0px; color: #ff00ff;
}


h5 {
	font-size: 12px; font-weight: bold; padding: 0px 5px 5px 0px; margin: 0px; color: #666666;
}

h6 {
	font-size: 10px; font-weight: normal; padding: 0px 0px 5px 0px; margin: 0px; color: #666666;
}


ul {
	font-size: 12px; padding: 0px; margin: 10px 30px 20px 20px; color: #000000; line-height: 18px
}

ol {
	font-size: 12px; padding: 0px 0px 5px 20px; margin: 0px 30px 1px 20px; color: #000000; line-height: 18px
}


li {
	font-size: 12px; padding: 0px 0px 5px 20px; margin: 0px 30px 1px 20px; color: #000000; line-height: 18px
}


img {
	border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none; margin: 0px; padding: 0px;
}

img.clickable  { padding:0px; border:none;}


img.clickable:hover { padding: 0px; border: 2px solid #ff00ff}; 

.paddingLeft {
	padding: 0px 0px 0px 10px;
}

.paddingRight {
	padding: 0px 10px 0px 0px;
}

a.inbody:link{ color: #ffffff; text-decoration: none;}
a.inbody:visited { color: #ffffff; text-decoration: none; }
a.inbody:hover { color: #ffffff; text-decoration: underline; }

a.inbody2:link{ color: #ff00ff; text-decoration: none; font-weight:bold;}
a.inbody2:visited { color: #ff00ff; text-decoration: none;font-weight:bold; }
a.inbody2:hover { color: #ff00ff; text-decoration: underline;font-weight:bold; }

td.form {
	font-size: 12px; padding: 0px 5px 10px 0px; margin: 0px; color: #333333; line-height: 16px
}

td.form h3 {
	font-size: 14px; font-weight: bold ; padding: 0px 0px 10px 0px; margin: 0px; color: #333333; line-height: 16px; border-bottom:1px dotted #002255; padding-bottom:0px; padding-top: 15px; margin-bottom:5px
}

td.form h4 {
	display:inline; font-size: 10px; font-weight: normal ; padding: 0px 5px 10px 0px; margin: 0px; color: #333333; padding-bottom:0px; padding-top: 15px; margin-bottom:5px
}

td.formerror {
	font-size: 10px;
	padding: 0px 5px 15px 0px;
	margin: 0px;
	color: #F00;
	line-height: 10px
}	

td.cover {
	width: 109px; padding: 10px 0px 2px 0px; margin: 0px;
}

td.trackname {
	width: 104px; font-weight: normal; font-size: 11px; padding: 5px 5px 0px 0px; margin: 0px; color: #333333; line-height: 14px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #333333;
}

td.artist {
	width: 104px; font-weight: normal; font-size: 11px; padding: 0px 5px 5px 0px; margin: 0px; color: #333333; line-height: 14px; border-bottom: 1px dotted #333333;
}

td.artistSelected {
	width: 104px; font-weight: bold; font-size: 11px; padding: 5px 5px 0px 0px; margin: 0px; color: #999999; line-height: 14px;border-top: 1px dotted #CCCCCC;
}

td.tracknameSelected {
	width: 104px; font-weight: normal; font-size: 11px; padding: 0px 5px 5px 0px; margin: 0px; color: #999999; line-height: 14px; border-bottom: 1px dotted #333333;
}

/* definitions for playlist */

td.pltrackname {
	width: 220px; font-weight: normal; font-size: 12px; padding: 5px 5px 0px 0px; margin: 0px; color: #333333; line-height: 14px; border-top: 1px dotted #333333;
}

td.plartist {
	width: 220px; font-weight: normal; font-size: 12px; padding: 0px 5px 5px 0px; margin: 0px; color: #333333; line-height: 14px; 
}

td.plimage {
	width: 80px; padding: 6px 0px 6px 0px; margin: 0px; border-top: 1px dotted #333333 ;
}

td.plremove {
	width: 28px; font-weight: normal; font-size: 11px; padding: 3px 15px 3px 0px; margin: 0px; color: #999999; line-height: 14px; text-align: left; border-top: 1px dotted #333333 ;
}

a.plremovebutton{ color: #ff00ff; text-decoration: none; font-weight: bold; cursor:pointer}
a.plremovebutton:link{ color: #ff00ff; text-decoration: none; font-weight: bold;}
a.plremovebutton:visited { color: #ff00ff; text-decoration: none; font-weight: bold;}
a.plremovebutton:hover { color: #ff00ff; text-decoration: underline; font-weight: bold;}

/*td.addto {
	width: 50px; font-weight: normal; font-size: 11px; padding: 3px 0px 3px 10px; margin: 0px; color: #1b34f9; line-height: 14px;
} */

td.addto {
	width: 50px; font-weight: normal; font-size: 11px; padding: 3px 0px 3px 10px; margin: 0px; color: #ff00ff; line-height: 14px;
} 

span.added {
	color: #1b34f9; text-decoration: none; font-weight: bold;
}

a.addtobutton:link{ color: #ff00ff; text-decoration: none; font-weight: normal;}
a.addtobutton:visited { color: #ff00ff; text-decoration: none; font-weight: normal;}
a.addtobutton:hover { color: #ff00ff; text-decoration: underline; cursor: pointer; font-weight: normal;}

 


td.remove {
	width: 28px; font-weight: normal; font-size: 11px; padding: 3px 15px 3px 0px; margin: 0px; color: #999999; line-height: 14px; text-align: right;
}

a.removebutton:link{ color: #ff0000; text-decoration: none; font-weight: bold;}
a.removebutton:visited { color: #ff0000; text-decoration: none; font-weight: bold;}
a.removebutton:hover { color: #ff0000; text-decoration: underline; font-weight: bold;}



/************** Footer **************/


div#Footer {
	float: left; display: inline; width: 943px; padding: 5px 0px 450px 25px; margin: 25px 0px 0px 0px; text-align: left; border-top: 1px solid #999999;
}

div#Footer div#Copyright {
	float: left; display: inline; width: 355px; padding: 10px 4px 10px 0px; margin: 0px; text-align: left; color: #ffffff;
}

div#Footer div#Copyright p {
	font-size: 11px; padding: 0px 0px 0px 0px; margin: 0px; color: #999999; line-height: 16px;
}

div#Footer div#SubNav {
	float: right; display: inline; width: 578px; padding: 10px 0px 10px 0px; margin: 0px; text-align: right; color: #999999; font-size: 11px;
}

div#Footer div#SubNav a {
	padding: 0px 0px 0px 25px; margin: 0px;
}

div#Footer div#SubNav a:link {
	padding: 0px 25px 0px 0px; color: #ffffff; text-decoration: none;
}

div#Footer div#SubNav a:visited {
	padding: 0px 25px 0px 0px; color: #ffffff; text-decoration: none;
}

div#Footer div#SubNav a:hover {
	padding: 0px 25px 0px 0px; color: #999999; text-decoration: underline;
}