/* -------------------------------------------------------------------------------- */
/* -- HTML Tags -- */
/* -------------------------------------------------------------------------------- */

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	margin: 0px 0px 0px 0px; /* top right bottom left */
	word-spacing: normal;
	text-transform: none;
	letter-spacing: normal;
	background-color: #789E73;
	/* background-color: #696c5b; */
	/* background: url(images/background/bg_grad.gif) #fff repeat-x center top;*/
}

P{
	font-weight: normal;
	font-size: 10pt;
}

IMG
{
	border: none 0px black;
}

TD{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
}

A:link	{	
/*	text-decoration:	none; */
	color:	#1F497D;
	}	
		
A:visited	{	
/*	text-decoration:	none; */
	color:	#1F497D;
	}	
		
A:active	{	
/*	text-decoration:	none; */
	color:	#1F497D;
	}	
		
A:hover	{	
/*	text-decoration:	underline; */
	color:	#888888;
	}

/* -------------------------------------------------------------------------------- */
/* -- Banner ad (across the top) -- */
/* -------------------------------------------------------------------------------- */
DIV#divBannerAd
{
	margin: 5px 5px 5px 5px; /* top right bottom left */
    text-align:center;
}

/* -------------------------------------------------------------------------------- */
/* -- Main page  areas -- */
/* -------------------------------------------------------------------------------- */
DIV#PageWrapper
{
    margin-left: auto;  /* to center the div on the page */
    margin-right: auto; /* to center the div on the page */
    position: relative;
    width: 900px;
}

#MainPage
{
	/* background: url(images/bg1.jpg) #fff repeat-x center top; */
	background-color: #fefefe; /* #c0c2b4; */
	min-height: 500px;
	padding: 10px 10px 10px 10px;
}

/* -------------------------------------------------------------------------------- */
/* -- Main Nav Bar -- */
/* -------------------------------------------------------------------------------- */
/*
#NavList li
{
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}
*/

div#navPrimary
{
	display: block;
	/*height: 30px;*/
	margin-right: 0px;
	/*padding-top: 12px;*/
	/* background: transparent url(images/header/bg_navSecondaryRight.gif) right bottom no-repeat; */
}

div#navPrimary ul
{
	margin: 0;
	list-style: none;
	height: 30px;
	width: auto;
	display: table;
	float: left;
	/* background: transparent url(images/header/bg_navSecondaryleft.gif) left bottom no-repeat;  */
}

div#navPrimary li
{
	/*background-color: #fff;*/
	background-position: left top;
	background-repeat: no-repeat;
	margin: 7px 0 -1px 0;
	padding: 0 1em;
	/*border-right: 1px solid #80adce; */
	border-right: 1px solid #fff; 
	list-style: none;
	float: left;
	font-size: 1.0em; /*.9em; */
}
div#navPrimary li.last
{
	border-right: none;
}

div#navPrimary li a
{
	/*background-color: #999988;*/
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0;
	text-decoration: none;
	/*color: #fff;*/
	color: Black; /* #47614A;*/
	display: block;
	font-size: 1.0em; /*.9em; */
}

div#navPrimary li a:hover
{
	text-decoration: underline;
}
			
div#navPrimary li:hover a
{
	background-image: none;
}

div#navPrimary li span
{
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0;
	text-decoration: none;
	color: Black; /* #47614A;*/
	font-size: 1.0em; /*.9em; */
	display: block;
}

div#navPrimary li span a
{
	font-size: 1em;
	display: inline;
}

/***************************************/
/*** @navSecondary (Pre Header links)***/
/***************************************/

	div#navSecondary
	{
		display: block;
		/*height: 30px;*/
		margin-right: 0px;
		/*padding-top: 12px;*/
		/* background: transparent url(images/header/bg_navSecondaryRight.gif) right bottom no-repeat; */
	}
	
	div#navSecondary ul
	{
		margin: 0;
		list-style: none;
		height: 30px;
		width: auto;
		display: table;
		float: right;
		/* background: transparent url(images/header/bg_navSecondaryleft.gif) left bottom no-repeat;  */
	}

	div#navSecondary li
	{
		/*background-color: #fff;*/
		background-position: left top;
		background-repeat: no-repeat;
		margin: 7px 0 -1px 0;
		padding: 0 1em;
		/*border-right: 1px solid #80adce; */
		border-right: 1px solid #fff; 
		list-style: none;
		float: left;
		font-size: 1.0em; /*.9em; */
	}
	div#navSecondary li.last
	{
		border-right: none;
	}
	
	div#navSecondary li a
	{
		/*background-color: #999988;*/
		background-position: left top;
		background-repeat: no-repeat;
		padding: 0;
		text-decoration: none;
		/*color: #fff;*/
		color: black; /* #47614A; */
		display: block;
		font-size: 1.0em; /*.9em; */
	}
	
	div#navSecondary li a:hover
	{
		text-decoration: underline;
	}
				
	div#navSecondary li:hover a
	{
		background-image: none;
	}
	
	div#navSecondary li span
	{
		background-position: left top;
		background-repeat: no-repeat;
		padding: 0;
		text-decoration: none;
		color: black; /* #47614A; */
		font-size: 1.0em; /*.9em; */
		display: block;
	}
	
	div#navSecondary li span a
	{
		font-size: 1em;
		display: inline;
	}

/* -------------------------------------------------------------------------------- */
/* -- Header -- */
/* -------------------------------------------------------------------------------- */
#Header
{
    height: 85px;
/*	color: #ccc; */
/*	text-align: center; */
	font-size : 10pt;
	font-family : Verdana, Arial, Helvetica, Sans-serif;
	font-weight : normal;
	padding: 10px 5px 10px 5px; /* top right bottom left */
	background-color: #c0c2b4;
	margin-bottom: 10px;
}

/* -------------------------------------------------------------------------------- */
/* -- Footer -- */
/* -------------------------------------------------------------------------------- */
#Footer{
	color: #ccc;
/*	text-align: center; */
	font-size : 8pt;
	font-family : Verdana, Arial, Helvetica, Sans-serif;
	font-weight : normal;
	padding: 10px 5px 10px 5px; /* top right bottom left */
}

#Footer ul
{
	margin: 0;
	list-style: none;
	height: 30px;
	width: auto;
	display: table;
	float: left;
	/* background: transparent url(images/header/bg_navSecondaryleft.gif) left bottom no-repeat;  */
}

#Footer li
{
	/*background-color: #fff;*/
	background-position: left top;
	background-repeat: no-repeat;
	margin: 7px 0 -1px 0;
	padding: 0 1em;
	/*border-right: 1px solid #80adce; */
	border-right: 1px solid #47614A; 
	list-style: none;
	float: left;
	font-size: 1.0em; /*.9em; */
}
#Footer li.last
{
	border-right: none;
}

#Footer li a
{
	/*background-color: #999988;*/
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0;
	text-decoration: none;
	/*color: #fff;*/
	color: #fff;
	display: block;
	font-size: 1.0em; /*.9em; */
}

#Footer li a:hover
{
	text-decoration: underline;
}
			
#Footer li:hover a
{
	background-image: none;
}
	
#Footer a{
	font-size : 8pt;
	font-family : Verdana, Arial, Helvetica, Sans-serif;
	font-weight : normal;
/*	text-align : center; */
	text-decoration: none;
	color: #625B38;
}

#Footer a:link	{	
	text-decoration: none;
	}	
		
#Footer a:visited	{	
	text-decoration: none;
	}	
		
#Footer a:active	{	
	text-decoration: none;
	}	
		
#Footer a:hover	{	
	text-decoration: underline;
	}

/* -------------------------------------------------------------------------------- */
/* -- Chart List Items -- */
/* -------------------------------------------------------------------------------- */

.ChartListTable
{
/*	border: solid 1px red; /* #DDDDDD; /* #808080;  */
/*    font-family: Arial; */
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}

.ChartListTableLinkCol
{
    font-size: 10pt;
    width: 75px;
    color: #44447c;
    text-align: center;
}

.ChartListTableNumCol
{
    font-size: 18pt;
    width: 50px;
    color: #44447c;
    text-align: center;
}

.ChartListImg
{
/*    font-size: 8pt;
    color: #888888; */
    height: 80px;
    width: 80px;
    border: none;
}

.ChartListArtist
{
    font-family: arial; 
    font-size: 16pt; 
    color: #44447c;
}

.ChartListArtist A:Link
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartListArtist A:visited
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartListArtist A:active
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartListArtist A:hover
{
	text-decoration: none; 
	color:	#888888;
}

.ChartListAlbum
{
    font-family: arial; 
    font-size: 14pt; 
    color: #44447c;
}

.ChartListAlbum A:Link
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartListAlbum A:visited
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartListAlbum A:active
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartListAlbum A:hover
{
	text-decoration: none; 
	color:	#888888;
}

.ChartListSong
{
    font-family: arial; 
    font-size: 14pt; 
    color: #44447c;
}

.ChartListSong A:Link
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartListSong A:visited
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartListSong A:active
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartListSong A:hover
{
	text-decoration: none; 
	color:	#888888;
}

.ChartListSongAlbum
{
    font-family: arial; 
    font-size: 12pt; 
    color: #44447c;
}

.ChartListSongAlbum A:Link
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartListSongAlbum A:visited
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartListSongAlbum A:active
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartListSongAlbum A:hover
{
	text-decoration: none; 
	color:	#888888;
}

.ChartListTableRow
{
	background-color: #E4E0D6; 
/*	background-color: #E9E9F4; */
}

.ChartListTableRowAlt
{
/*	background-color: #E7E4DF; */
	background-color: #c0c2b4; 
/*	background-color: #E8E8D9; */
/*	background-color: #AFA075; */
/*	background-color: #D0D8E8; */
}

.ChartListTableLabelsCol
{
    width: 400px; /* table colum width */
}

.ChartListTableRatingsCol
{
    width: 300px; /* table colum width */
}

.ChartListBuyLink
{
    font-size: 8pt;
}

.RatingsBoxTable
{
    width: 250px; /* table width */
}

.RatingsBoxLabels
{
    font-size: 9pt;
    text-align: center;
    width: 100px; /* table colum width */
}

.RatingsBoxValues
{
    text-align: center; 
    width: 150px; /* table colum width */
}

.RatingsBoxReviews
{
    font-size: 8pt;
    color: #808080;
    text-align: center;
}

.RatingsBoxNum
{
    font-size: 8pt;
    color: #808080;
    text-align: center;
}

/* -------------------------------------------------------------------------------- */
/* -- Chart Item Detail Page -- */
/* -------------------------------------------------------------------------------- */
.ChartItemImg
{
/*    font-size: 8pt;
    color: #888888; */
    height: 80px;
    width: 80px;
}

.ChartItemArtist
{
    font-family: arial; 
    font-size: 16pt; 
    color: #44447c;
}

.ChartItemAlbum
{
    font-family: arial; 
    font-size: 12pt; 
    color: #44447c;
}

.ChartItemAlbum A:Link
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartItemAlbum A:visited
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartItemAlbum A:active
{
	text-decoration: none; 
	color:	#1F497D;
}

.ChartItemAlbum A:hover
{
	text-decoration: none; 
	color:	#888888;
}

.ChartItemSong
{
    font-family: arial; 
    font-size: 14pt; 
    color: #44447c;
}

.ChartItemBuyLink
{
    font-size: 8pt;
}

.ChartItemRatingsBoxTable
{
/*    width: 250px; /* table width */
}

.ChartItemRatingsBoxLabels
{
    font-size: 9pt;
    text-align: right;
    width: 85px; /* table colum width */
}

.ChartItemRatingsBoxValues
{
    text-align: center;
    width: 100px; /* table colum width */
}


/* -------------------------------------------------------------------------------- */
/* -- SubCharts (mini charts on Album/Song/Artist detail pages -- */
/* -------------------------------------------------------------------------------- */
.MiniChartHeader
{
	font-weight: bold;
}

.MiniChartColumnHeader
{
    background-color: #CCCCCC;
}


/* -------------------------------------------------------------------------------- */
/* -- Ratings Distribution User Control -- */
/* -------------------------------------------------------------------------------- */
.RatDistTitle
{
    font-weight: bold;
}

.RatDistNumCol
{
/*    font-size: 8pt;
    color: #808080; */
    text-align: center;
    width: 60px;
}

.RatDistStarsCol
{
/*    font-size: 8pt;
    color: #808080; */
    text-align: left;
    width: 110px;
}

/* -------------------------------------------------------------------------------- */
/* -- Rating Stars using only CSS -- */
/* -- (from http://www.thebroth.com/blog/119/css-rating-stars -- */
/* -------------------------------------------------------------------------------- */
.rating_bar {
  width: 80px;
  background: url(images/blankstar.png) 0 0 repeat-x;
}

.rating_bar div {
  height: 16px;
  background: url(images/star.png) 0 0 repeat-x;
}

/* -------------------------------------------------------------------------------- */
/* -- Login -- */
/* -------------------------------------------------------------------------------- */

.LoginHeaderTable{
/*	border-top: solid 1px #bbbbbb; */
}

.LoginTable{
	border-right: solid 1px #bbbbbb;
}

/* -------------------------------------------------------------------------------- */
/* -- Page Title -- */
/* -------------------------------------------------------------------------------- */

#PageTitle
{
	font-family: Verdana, Helvetica, sans-serif;
    /*font-weight: bold; */
    /*font-size: 20px; */
    color: Navy; /* #698C61; */
    /* color: #1F497D; */
    /*padding-bottom: 10px; */
    text-align: center;
}

.PageSubTitle
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14pt;
    color: navy; 
    padding-bottom: 10px;
    /*text-align: center;*/
}

.ChartSubTitle
{
	font-family: Verdana, Helvetica, sans-serif;
	/*font-weight: bold;*/
	/*font-size: 12pt;*/
    color: navy; 
    /*padding-bottom: 10px;*/
    /*text-align: center;*/
}

/* -------------------------------------------------------------------------------- */
/* -- DataGrids -- */
/* -------------------------------------------------------------------------------- */
.DataGridHeader
{
	color: White;
	background-color: #1F497D;
}

.DataGridRow
{
	background-color: #E9EDF4;
}

.DataGridRowAlt
{
	background-color: #D0D8E8;
}


/* -------------------------------------------------------------------------------- */
/* -- Misc -- */
/* -------------------------------------------------------------------------------- */
.ErrorBox
{
	color: Red;
}

.ErrorText
{
	color: Red;
}

/*
.InputText
{
	color: Black;
}
*/

/* -------------------------------------------------------------------------------- */
/* -- Text -- */
/* -------------------------------------------------------------------------------- */

.SmallText 
{
	font-size: 8pt;
}

/* -------------------------------------------------------------------------------- */
/* -- Errors -- */
/* -------------------------------------------------------------------------------- */

.ErrorText 
{
	font-size: 8pt;
	font-weight: bold;
	color: Red;
}

.ErrorBox
{
	font-size: 8pt;
	font-weight: bold;
	color: Red;
	border: solid 1px red;
	padding: 5px 5px 5px 5px; /* top bottom right left */
	margin: 5px 5px 5px 20px; /* top bottom right left */
	width: 90%;
}

/* -------------------------------------------------------------------------------- */
/* -- Inputs -- */
/* -------------------------------------------------------------------------------- */

.InputCaption 
{
	font-size: 9pt;
	font-weight: normal;
	text-align: left;
}

.InputCaptionRight 
{
	font-size: 9pt;
	font-weight: normal;
	text-align: right;
}

.InputCaptionRegister 
{
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
}

.InputText
{
	font-size: 9pt;
	font-weight: normal;
	background-color: #efefef;
	color: #003399;
}

.InputVal
{
	font-size: 9pt;
	font-weight: normal;
	background-color: #efefef;
	color: #003399;
	text-align: right;
}

.InputSeparatorLine
{
	color: #bbbbbb; 
	height: 1px;
}

.RequiredFieldAsterisk {
	color: Red;
	visibility: hidden;
}

.RequiredFieldText {
	color: Red;
	font-size: 8pt;
	visibility: hidden;
}

.OutputVal
{
	font-size: 9pt;
	font-weight: normal;
/*	background-color: #efefef; */
/*	color: #003399; */
	text-align: right;
	border: none 0px black;
}

.InputTableCaption
{
	font-weight: normal;
	text-align: left;
}

.InputTableCaptionTotal
{
	font-weight: bold;
	text-align: left;
/*	background-color: #D0D8E8; */
}

.InputTableHeader
{
	font-weight: normal;
	text-align: center;
}

.InputTableHeaderBold
{
	font-weight: bold;
	text-align: center;
}

.InputTableRowTotal
{
	font-weight: bold;
	text-align: right;
/*	background-color: #D0D8E8; */
}

.InputTableColTotal
{
	font-weight: bold;
	text-align: right;
/*	background-color: #D0D8E8; */
}

.InputTableRow
{
/*	font-size: 9pt;
	font-weight: normal; */
}

.InputTableRowAlt
{
/*	font-size: 9pt;
	font-weight: normal; */
}