/*
	Dark: RGB(65, 105, 225)
	Light: #81a9E1 rgb(129,169,225) 


	dark: RGB(0, 64, 255)		#0040FF
	light: RGB(129, 159, 225)	#819FFF
	l2: RGB(204, 207, 255)		#CCD9FF
	dark: RGB(0, 32, 128)		#002080
*/

BODY								{ margin: 0; padding: 0; width: 100%; height: 100%; font: normal normal normal 10pt Verdana,Arial,Sans-Serif; color: Black; background-color: rgb(187,187,187); background-image: url("/images/background/temple.jpg"); }

#headerFooter						{ padding: 0; margin: 0; border: 0; width: 100%; }
#topBanner							{ height: 52px; background-image: url('/images/background/topBanner.jpg'); }
#topBanner .title					{ float: left;  padding-left: 4px; font-style: italic; font-weight: bold; font-family: 'Arial Black',Verdana,Sans-Serif; color: White; font-size: 24pt; }
#topBanner .copyright				{ float: right; }
#welcome							{ padding-right: 8px; font-weight: bold; font-family: Verdana,Sans-Serif; color: white; font-size: 8pt; float: right; }

#breadcrumbs						{ height: 18px; background-image: url('/images/background/topBanner.jpg'); padding-left: 8px; }
#breadcrumbs .crumb					{ float: left; color: White; }
#breadcrumbs A:link					{ color: Yellow; text-decoration: none; }
#breadcrumbs A:visited				{ color: Yellow; text-decoration: none; }
#breadcrumbs A:hover				{ color: White;  text-decoration: underline; }

#subBanner							{ height: 26px; background-image: url('/images/background/topBanner.jpg'); }
#subBanner .menuBar					{ float: left; padding-left: 2px; cursor: hand; }
#subBanner .menu					{ float: left; margin: 2px; text-align: center; height: 18px; width: 128px; border: solid 1px black; }
#subBanner .menu A					{ display: block; width: 100%; height: 100% }
#subBanner .menu A:link	 			{ color: Black; text-decoration: none; width: 100%; height: 100%; }
#subBanner .menu A:visited			{ color: Black; text-decoration: none; width: 100%; height: 100%;}
#subBanner .menu A:hover			{ color: White; text-decoration: none; background-color: RGB(129, 159, 225); }
#subBanner .feedback				{ float: right; }
#mainPage							{ padding-top: 8px; text-align: left; /*vertical-align: top;*/}

/*#sideBar							{ float: left; width: 280px; padding-left: 8px;}*/
#sideBar							{ width: 280px; padding-left: 8px; text-align: left; vertical-align: top; }
#sideMenu							{ width: 100%; border-style: solid; border-color: Black; border-width: 1px 0px 0px 0px; background: url('/images/background/sideMenu.jpg'); padding: 0; }
#sideMenu .menu						{ width: 100%; white-space: nowrap; border-style: solid; border-color: Black; border-width: 0px 1px 1px 1px; padding: 0; margin: 0; }
#sideMenu A							{ display: block; width: 100%; height: 100%; font-size: 10pt; vertical-align: middle; text-align: left; }
#sideMenu .bullet					{ font-family: 'Arial Black', Arial, Helv; font-size: 18pt; font-weight: bold; padding-left: 4px; padding-bottom: 1px; text-decoration: none; vertical-align: middle; }
#sideMenu A:link					{ color: Black; text-decoration: none; width: 100%; height: 100%;}
#sideMenu A:visited					{ color: Black; text-decoration: none; width: 100%; height: 100%;}
#sideMenu A:hover					{ color: White; text-decoration: none; width: 100%; height: 100%; background-color: RGB(129, 159, 225);}

/*#sidePage							{ padding-left: 8px; float: left; }*/
#sidePage							{ padding-left: 8px; text-align: left; vertical-align: top; }
#sideBottom							{ padding-left: 8px; padding-top: 8px; }

.ajaxWait							{ width: 100%; height: 100%; text-align: center; vertical-align: middle;}

#newPhotos							{ padding-top: 0px; }
#newPhotos th						{ font-size: 12px; font-weight: bold; text-align: center; background-color: RGB(0, 32, 128); color: White; }
#newPhotos .title					{ font-size: 18pt; font-weight: bold; text-align: center; background-color: Transparent; color: Black;}
#newPhotos A:link					{ color: White; text-decoration: none; }
#newPhotos A:visited				{ color: White; text-decoration: none; }
#newPhotos A:hover					{ color: Yellow; text-decoration: underline; }

FORM								{  }
FORM .data							{ text-align: left; }
FORM label							{ display: block; float: left; width: 150px; }
FORM input.text						{ width: 200px; }
FORM .captcha						{ margin-top: 12px; text-align: left; }
FORM .submit						{ padding: 8px 0px; text-align: right; }
FORM .error							{ text-align: right; color: Red; font-size: 10pt; line-height: 13pt; height: 13pt; }
FORM .message						{ text-align: left; padding-top: 12px; }


.grid .tableContainer				{ position: relative; padding-top: 18px; }
.grid .innerframe					{ overflow: auto; width: auto; height: 232px; }
.grid .tableContainer thead tr		{ position: absolute; top: 0px; left: 0px; }
.grid .tableContainer tfoot tr		{ position: absolute; top: 224px; left: 0px; }
.grid table							{ border-right: solid 1px slategray; border-bottom: solid 1px slategray; width: 624px; }
.grid th							{ font-size: 14px; font-weight: bold; text-align: left; background-color: RGB(0, 32, 128);
									  color: White; border-top: solid 1px slategray; border-left: solid 1px slategray;
									  padding-left: 1px; padding-right: 2px; }
	
.grid td							{ padding-right: 2px; font-size: 12px; text-align: left; font-family: Arial,sans-serif;
									  border-top: solid 1px slategray; border-left: solid 1px slategray; }
.grid thead .newMusicAlbum	{ width: 317px; }
.grid thead .newMusicArtist	{ width: 316px; }
.grid tbody .newMusicAlbum	{ width: 312px; }
.grid tbody .newMusicArtist	{ width: 312px; }
.grid A:link	{ text-decoration: none; color: Black; }
.grid A:visited { text-decoration: none; color: Black; }
.grid A:hover	{ text-decoration: underline; color: Blue; }

#new								{}
#new table							{ border-right: solid 1px slategray; border-bottom: solid 1px slategray; width: 640px; background-color: White;}
#new th								{ font-size: 14px; font-weight: bold; text-align: left; background-color: RGB(0, 32, 128);
									  color: White; border-top: solid 1px slategray; border-left: solid 1px slategray;
									  padding-left: 1px; padding-right: 2px; }
	
#new td								{ padding-right: 2px; font-size: 12px; text-align: left; font-family: Arial,sans-serif;
									  border-top: solid 1px slategray; border-left: solid 1px slategray; }
#new .newMusicAlbum					{ width: 320px; }
#new .newMusicArtist				{ width: 320px; }
#new A:link							{ text-decoration: none; color: Black; }
#new A:visited						{ text-decoration: none; color: Black; }
#new A:hover						{ text-decoration: underline; color: Blue; }


#musicGroups					{ text-align: center; width: 100%; padding-top: 12px;  }
#musicGroups table				{ border-right: solid 1px slategray; text-align: center; margin: 0 auto; }
#musicGroups .category			{ font: 14pt 'Arial Black',Arial,Sans-Serif bold; color: White; background-color: RGB(0, 32, 128) }
#musicGroups .group				{ font: 10pt Arial,Sans-Serif; background-color: RGB(204, 207, 255); border-top: solid 1px slategray; border-left: solid 1px slategray; width: 32px; }
#musicGroups .count				{ font: 8pt Arial,Sans-Serif; color: black; background-color: RGB(204, 207, 255); border-bottom: solid 1px slategray; border-left: solid 1px slategray; width: 32px; }
#musicGroups .genre				{ font: 10pt Arial,Sans-Serif; background-color: RGB(204, 207, 255); border-top: solid 1px slategray; border-left: solid 1px slategray; width: 148px; }
#musicGroups A:link				{ color: Black; text-decoration: None; }
#musicGroups A:visited			{ color: Black; text-decoration: None; }
#musicGroups A:hover			{ color: Blue; text-decoration: Underline; }

#searchResults A:link			{ color: Black; text-decoration: None; }
#searchResults A:visited		{ color: Black; text-decoration: None; }
#searchResults A:hover			{ color: Blue; text-decoration: Underline; }

#musicListToolbar				{ padding-top: 8px; padding-bottom: 12px;}
#musicListToolbar table			{ border-right: solid 1px slategray; text-align: center; margin: 0 auto; }
#musicListToolbar .category		{ font: 14pt Arial,Sans-Serif; background-color: RGB(0, 32, 128); color: white; border-top: solid 1px slategray; border-left: solid 1px slategray; border-bottom: solid 1px slategray; text-align: center;}
#musicListToolbar .group		{ font: 10pt Arial,Sans-Serif; background-color: RGB(204, 207, 255); border-top: solid 1px slategray; border-left: solid 1px slategray; border-bottom: solid 1px slategray; width: 32px;  }
#musicListToolbar .selected		{ font: 10pt Arial,Sans-Serif; background-color: RGB(0, 32, 128); color: White; border-top: solid 1px slategray; border-left: solid 1px slategray; border-bottom: solid 1px slategray; width: 32px;  }
#musicListToolbar A:link		{ color: Black; text-decoration: None; }
#musicListToolbar A:visited		{ color: Black; text-decoration: None; }
#musicListToolbar A:hover		{ color: Blue; text-decoration: Underline; }

#listArtist						{ }
#listArtist td					{ border: solid 1px slategray; text-align: center; vertical-align: top; width: 200px; height: 200px;}
#listArtist .info				{ font-size: 8pt; }
#listArtist .artist				{ font-size: 12pt; }
#listArtist A:link				{ color: Black; text-decoration: None; }
#listArtist A:visited			{ color: Black; text-decoration: None; }
#listArtist A:hover				{ color: Blue; text-decoration: Underline; }

#listAlbum						{}
#listAlbum td					{ border: solid 1px slategray; text-align: center; vertical-align: top; width: 200px; height: 150px;}
#listAlbum .title				{ font-size: 8pt; }
#listAlbum .artists				{ font-size: 12pt; }
#listAlbum A:link				{ color: Black; text-decoration: None; }
#listAlbum A:visited			{ color: Black; text-decoration: None; }
#listAlbum A:hover				{ color: Blue; text-decoration: Underline; }

#trackListing table						{ width: 100%; border-right: solid 1px slategray; border-bottom: solid 1px slategray; }
#trackListing th						{ font-size: 14px; font-weight: bold; text-align: left;	background-color: RGB(0, 32, 128); color: White; border-top: solid 1px slategray; border-left: solid 1px slategray; padding-left: 1px; padding-right: 2px; }
#trackListing td						{ padding-right: 2px; font-size: 12px; text-align: left; font-family: Arial,sans-serif;	border-top: solid 1px slategray; border-left: solid 1px slategray;
										  vertical-align: top;  }
#trackListing .album					{ width: 150px; text-align: center; }
#trackListing .albumLarge				{ width: 200px; }
#trackListing .artist					{ width: 150px; text-align: center; }
#trackListing .track					{ width: 280px; }
#trackListing .performer				{ width: 280px; }
#trackListing .composer					{ width: 280px; }
#trackListing .conductor				{ width: 160px; }
#trackListing .albumImage				{ text-align: center; }
#trackListing .albumTitle				{ text-align: center; }
#trackListing .tracknumber				{ width: 32px; text-align: left; white-space: nowrap; }
#trackListing .duration					{ width: 68px; text-align: right; }
#trackListing A:link					{ text-decoration: none; color: Black; }
#trackListing A:visited					{ text-decoration: none; color: Black; }
#trackListing A:hover					{ text-decoration: underline; color: Blue; }

.ratingStar								{ font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer;
										  display: block; background-repeat: no-repeat; }
.filledRatingStar						{ background-image: url(/Images/FilledStar.gif); }
.emptyRatingStar						{ background-image: url(/Images/EmptyStar.gif); }
.savedRatingStar						{ background-image: url(/Images/SavedStar.gif); }

#movieList						{ text-align: left; }
#movieList table				{ border-right: solid 1px slategray; }
#movieList th					{ font-size: 14px; font-weight: bold; text-align: left;	background-color: RGB(0, 32, 128); color: White; border-top: solid 1px slategray; border-left: solid 1px slategray; padding-left: 1px; padding-right: 2px; } 
#movieList td					{ border-top: solid 1px slategray; border-left: solid 1px slategray; border-bottom: solid 1px slategray; }
#movieList .movie				{ width: 400px;  }
#movieList .review				{ width: 130px; }
#movieList A:link				{ text-decoration: none; color: Black; }
#movieList A:visited			{ text-decoration: none; color: Black; }
#movieList A:hover				{ text-decoration: underline; color: Blue; }

#movie							{ }
#movie th						{ font-size: 14px; font-weight: bold; text-align: left;	background-color: RGB(0, 32, 128); color: White; } 
#movie .review					{ text-align: left; vertical-align: middle; font-size: 10pt; padding-right: 12px; width: 600px; }
#movie .movie					{ font-size: 24pt; }
#movie .who						{ text-align: left; vertical-align: top; font-size: 10pt;    padding-right: 8px;  width: 150px; }
#movie .rating					{ text-align: left; vertical-align: top; font-size: 10pt;						  width: 180px; }
#movie .review					{ text-align: left; vertical-align: top; font-size: 9pt; }
#movie .textarea				{ width: 600px; height: 96px; }
#movie .button					{ width: 150px; }

.center							{ text-align: center; }
.center	table					{ margin: 0 auto; }
	
.celeb							{ width: 140px; text-align: center; }