﻿body
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}
#divheader
{
}
#divlogo
{
    width: 50%;
    float: left;
}
#divMobile
{
    padding-left:10px;
    background-color: rgb(199, 199, 227);
}
#divlogin
{
    float: right; 
    text-align: right; 
    width:240px; 
    padding-right: 30px;
}
#FeaturedZContent
{
    overflow:auto;
    height: 165px;
    scrollbar-face-color: rgb(199,199,227);
}
#divtagline, #divtagline2
{
    width: 100%;
    float: left;
	height: 20px;
	text-align: left;
	background-color: rgb(51, 51, 102);
	color: #FFFFFF;
	font-size: smaller;
}
#divtagline_mobile1, #divtagline_mobile2
{
    width: 100%;
    float: left;
	height: 10px;
	text-align: left;
	background-color: rgb(51, 51, 102);
	color: #FFFFFF;
	font-size: smaller;
}
#divtagline21
{
    margin-left:150px; 
    float:left;
}
#divtagline22
{
    margin-left:400px;
    float:left;
}
a.va_b
{
    vertical-align: text-top;
}
#divmain
{
    float:left;
    clear: left;
    width: 100%;
}
#divfooter
{
	float: left; 
	width: 100%;
	left: 0px;
	bottom: 0px;
	text-align: center; 
	padding-top: 10px;
}
#divLogin
{
    text-align: center;
    padding-top:40px; 
    padding-left:30%; 
    float:left;
}
#divRegister
{
    text-align: center;
    padding-top:10px; 
    padding-left:35%; 
    float:left;
    
}
#divContent1
{
    float: left;
    width: 100%;
    height: 300px;
    background-color: rgb(199, 199, 227);
}
#divContent2  /* contains 3, 4 and 5 */
{
    float: left;
    width: 100%;
    height: 150px;
}
#divContent3, #divContent4, #divContent5
{
    float: left;
    padding-left: 15px;
    padding-top: 15px;
    height: inherit;
}
#divContent3
{
    width: 300px;
    height:inherit;
}
#divContent4
{
    width:200px;
    height:inherit;
}
#divContent5
{
    width: 300px;
    height: inherit;
}
#divContent6 /* contains 7, 8, and 9 */
{
    float: left;
    width: 100%;
    height: 100px;
}
#divContent7, #divContent8, #divContent9
{
    float: left;
    padding-left: 15px;
    padding-top: 15px;
}
#divContent7
{
    width: 300px;
    height:inherit;
}
#divContent8
{
    width: 200px;
    height:inherit;
}
#divContent9
{
    width: 250px;
    height:inherit;
}
#divAssociated, #divFurtherInfo
{
    float: left;
    padding-left: 15px;
    padding-top: 15px;
    height: 150px;
}
#divAssociated
{
    width: 600px;  
}

#ControlsDiv
{
	z-index: 101;
	width: 170px;
	min-width: 150px;
	min-height: 250px;
	height: 100%;
	display: block;
	float: left;
	padding-left: 5px;
	padding-right: 5px; /*background-color: #f5f5f5;*/
}
div.ControlDivItem
{
 border : 1px solid #c7c7e3; 
 margin-top: 2px; 
 margin-bottom: 2px;
}
legend.legend1, .legend2, .legend3
{
	font-size: 80%;
	color: rgb(51, 51, 102);
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	padding-right: 10px;
	padding-left: 10px;
}
#ContentDiv  /* can another divContentX be used? */
{
	z-index: 101;
	width: 100px;
	height: 100%;
	display: block;
	float: left;
}
table.NormTextHelpTable
{
	font-size: 70%;
	color: rgb(51, 51, 102);
	text-align: left;
	margin: 5px 10px;
}
table.NormTextHelpTable.td
{
	vertical-align: top;
}
td.NormText
{
	font-size: 80%;
	color: rgb(51, 51, 102);
}
td.BarChartText
{
	font-size: 80%;
	color: rgb(51, 51, 102);
}
td.NormTextSubMenu
{
	font-size: 70%;
	color: rgb(51, 51, 102);
}
td.NormTextHelpTable
{
	font-size: 70%;
	color: rgb(51, 51, 102);
	vertical-align: top;
}
td.NormTextItalic
{
	font-size: 80%;
	font-style: italic;
	color: rgb(51, 51, 102);
}
td.CopyrightText
{
	font-size: 70%;
	font-style: italic;
	color: #666666;
}
td.BlueHeader
{
	font-size: 80%;
	font-weight: bold;
	color: rgb(51, 51, 102);
}
td.AboutSubHeader
{
	font-size: 80%;
	font-weight: bold;
	font-variant: normal;
	color: rgb(153, 0, 0);
}
td.MissionText
{
	font-size: 70%;
	line-height: 125%;
	color: rgb(51, 51, 102);
}
td.HeaderBlue
{
	font-size: 80%;
	color: rgb(51, 51, 102);
	font-weight: bold;
	text-align: left;
	height: 20px;
	white-space: nowrap;
}
td.ArtistName
{
	font-size: 70%;
	color: rgb(51, 51, 102);
}
td.AlbumTitle
{
	font-size: 70%;
	color: rgb(51, 51, 102);
	font-style: italic;
}
td.ReleaseDate
{
	font-size: 70%;
	color: rgb(153, 0, 0);
}
td.HistoricalDate
{
	font-size: 70%;
	color: rgb(153, 0, 0);
	font-style: italic;
}
td.SongTitle
{
	font-size: 70%;
	color: rgb(0, 0, 0);
}
td.fontarrows
{
	color: #990000;
	text-decoration: none;
	font-family: Times New Roman;
}
td.ErrorMessage
{
	font-size: 70%;
	color: red;
	font-weight: normal;
}
td.ControlsTextPlain
{
	font-size: 70%;
	color: rgb(51, 51, 102);
}
td.AmazonNormText
{
	font-size: 70%;
	color: rgb(0, 0, 0);
	font-weight: normal;
	text-align: left;
}
div.SB  
{
    overflow: auto;
    scrollbar-face-color: rgb(199,199,227);
}
div.DynMenu
{
	background-color: Transparent;
	text-align: left;
	color: White;
}
div.NormText
{
	font-size: 80%;
	color: rgb(51, 51, 102);
}
h1.SectionText
{
	font-size: 120%;
	font-weight: bold;
	color: rgb(153, 0, 0);
}
h1.NormText
{
	font-size: 100%;
	font-weight: bold;
	color: rgb(51, 51, 102);
}
td.DynMenu
{
	color: White;
	opacity: .5;
	filter: alpha(opacity=50);
}
input.SearchInput
{    
}
input.pagejump
{
	width: 30px;
	text-align: center;
	font-size: 100%;
	vertical-align: middle;
}
input.WelcomeStyle
{
	font-size: 60%;
	font-weight: bold;
	color: rgb(51, 51, 102);
	text-decoration: none;
}
span.ArtistName
{
	font-size: 70%;
	color: rgb(51, 51, 102);
}
span.AlbumTitle
{
	font-size: 70%;
	color: rgb(51, 51, 102);
	font-style: italic;
}
span.ReleaseDate
{
	font-size: 70%;
	color: rgb(153, 0, 0);
}
span.HistoricalDate
{
	font-size: 70%;
	color: rgb(153, 0, 0);
	font-style: italic;
}
span.SongTitle
{
	font-size: 70%;
	color: rgb(0, 0, 0);
}
span.fontarrows
{
	color: #990000;
	text-decoration: none;
	font-family: Times New Roman;
}
span.CopyrightText
{
	font-size: 70%;
	font-style: italic;
	color: #666666;
}
span.BlueHeader
{
	font-size: 80%;
	font-weight: bold;
	color: rgb(51, 51, 102);	
}
span.BlueHeaderSelected
{
	font-size: 80%;
	font-weight: bold;
	color: rgb(151, 0, 0);	
}
span.AboutSubHeader
{
	font-size: 80%;
	font-weight: bold;
	color: rgb(153, 0, 0);
}
span.fontbluebarwhite
{
	font-size: 105%;
	font-weight: normal;
	letter-spacing: 0px;
	word-spacing: 0px;
	color: rgb(255, 255, 255);
}
span.fontbluebarwhitesmall
{
	font-size: 80%;
	font-weight: normal;
	letter-spacing: 0px;
	word-spacing: 0px;
	color: rgb(255, 255, 255);
}
span.fontbluebarblue
{
	font-size: 90%;
	color: rgb(199, 199, 227);
}
span.ControlsTextPlain
{
	font-size: 70%;
	color: rgb(51, 51, 102);
}
span.NormText
{
	font-size: 80%;
	color: rgb(51, 51, 102);
}
span.checkbox
{
	color: rgb(51, 51, 102);
	line-height: 80%;
	height: 15px;
	width: 15px;
	border: 4px, solid red;
}
span.PickText
{
	font-size: 70%;
	color: rgb(51, 51, 102);
}
span.PickTitle
{
	font-size: 80%;
	font-weight: bold;
	color: rgb(51, 51, 102);
}
span.ArtistName
{
	font-size: 70%;
	color: rgb(51, 51, 102);
}
span.AlbumTitle
{
	font-size: 70%;
	color: rgb(51, 51, 102);
	font-style: italic;
}
span.ReleaseDate
{
	font-size: 70%;
	color: rgb(153, 0, 0);
}
span.HistoricalDate
{
	font-size: 70%;
	color: rgb(153, 0, 0);
	font-style: italic;
}
td.AmazonHeaderBlue, span.AmazonHeaderBlue
{
	font-size: 70%;
	color: rgb(51, 51, 102);
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}
span.AmazonSummary
{
	font-size: 70%;
	color: rgb(0, 0, 0);
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}
span.AmazonNormText
{
	font-size: 70%;
	color: rgb(0, 0, 0);
	font-weight: normal;
	text-align: left;
}
span.ErrorMessage
{
	font-size: 70%;
	color: red;
	font-weight: normal;
}
span.BarChartLabel
{
	font-size: 80%; /*    color: rgb(51, 51, 102); */
	color: black;
}
span.HighLightSearch
{
	width: 20px;
	height: 10px;
	z-index: 99;
	visibility: visible;
	background-color: rgb(235, 204, 204);
}
span.InfoMessage
{
	font-size: 70%;
	color: rgb(153,0,0);
	font-weight: normal;
}
span.WelcomeStyle
{
	font-size: 60%;
	font-weight: bold;
	color: rgb(51, 51, 102);
	text-decoration: none;
}
span.HeaderBlue
{
	font-size: 80%;
	color: rgb(51, 51, 102);
	font-weight: bold;
	text-align: left;
	height: 20px;
	white-space: nowrap;
}
span.HeaderBlueLarge
{
	font-size: 100%;
	color: rgb(51, 51, 102);
	font-weight: bold;
	text-align: left;
	height: 20px;
	white-space: nowrap;
}
input.ImageShadow
{
	filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='2', OffY='2', Color='#333366', Positive='true')
}
img.ImageShadow
{
	filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='2', OffY='2', Color='#333366', Positive='true')
}
input.searchbox
{
	color: rgb(51, 51, 102);
	width: 130px;
	height: 22px;
	font-size: 70%;
	text-align: left;
	vertical-align: middle;
}
.list1
{
    visibility: hidden;
    margin: 0px !important;
    font-size: 80%;
    border: 1px solid #333366;
    cursor: 'default';
    overflow: auto;
    height: 100px;
    background-color: #F5F5F5;
    list-style-type:none;
    text-align:left;
    z-index:1;
}
.listitem1
{
    color: #333366;
    font-size: 80%;
    list-style-type:none;
}
.hoverlistitem1
{
    background-color: #5D7B9D;
    font-size: 80%;
}
input.nickname
{
	color: rgb(51, 51, 102);
	width: 100px;
	height: 22px;
	font-size: 70%;
	text-align: left;
	vertical-align: middle;
}
select.dropdown1
{
	color: rgb(51, 51, 102);
	font-size: 70%;
	width: 130px;
	height: 20px;
	text-align: left;
}
select.dropdown2
{
	color: rgb(51, 51, 102);
	font-size: 70%;
	width: 60px;
	height: 18px;
	text-align: left;
}
select.dropdown3
{
	color: rgb(51, 51, 102);
	font-size: 70%;
	width: 100px;
	height: 18px;
	text-align: left;
}
table.imagetablestyle
{
	border-collapse: collapse;
	cellpadding: 0px;
	cellspacing: 0px;
	border-width: 0px;
	font-size: 90%;
}
p.NormText
{
	font-size: 80%;
	color: #333366;
}
a.AmazonNormText
{
	font-size: 70%;
	color: rgb(0, 0, 0);
	font-weight: normal;
	text-align: left;
}
a.navtext
{
	font-size: 80%;
}
a.RelatedPlus
{
	font-size: 70%;
	color: rgb(51, 51, 102);
}
a.WelcomeStyle
{
	font-size: 80%;
	font-weight: bold;
	color: rgb(51, 51, 102);
	text-decoration: none;
}
a.WelcomeStyle
{
	font-size: 60%;
	font-weight: bold;
	color: rgb(51, 51, 102);
	text-decoration: none;
}
a.WelcomeStyle:hover
{
	font-size: 60%;
	font-weight: bold;
	color: rgb(51, 51, 102);
	text-decoration: none;
}
a.WelcomeStyle:hover
{
	font-size: 60%;
	font-weight: bold;
	color: rgb(51, 51, 102);
	text-decoration: none;
}
a.WelcomeStyle:visited
{
	font-size: 60%;
	font-weight: bold;
	color: rgb(51, 51, 102);
	text-decoration: none;
}
a.CopyrightText
{
	font-size: 70%;
	font-style: italic;
	color: #666666;
}
a.CopyrightText:visited
{
	font-size: 70%;
	font-style: italic;
	color: #666666;
}
a.NoItControlsGo
{
	font-size: 70%;
	font-weight: bold;
	color: rgb(153, 0, 0);
}
a.ControlsGo
{
	font-size: 70%;
	font-style: italic;
	font-weight: bold;
	color: rgb(153, 0, 0);
}
a.ControlsGo2
{
	font-size: 100%;
	font-style: italic;
	font-weight: bold;
	color: rgb(153, 0, 0);
}
a.ControlsGo:hover
{
	text-decoration: underline;
	font-weight: bold;
}
a.ControlsGo:visited
{
	color: rgb(153, 0, 0);
}
a.ControlsGo2
{
	font-size: 100%;
	font-style: italic;
	font-weight: bold;
	color: rgb(153, 0, 0);
}
a.ControlsGo2:hover
{
	text-decoration: underline;
	font-weight: bold;
}
a.ControlsGo2:visited
{
	color: rgb(153, 0, 0);
}
a.NoItControlsGo:visited
{
	color: rgb(153, 0, 0);
}
a.navarrows
{
	font-family: Times New Roman;
	color: #990000;
}
a.whitelink
{
	text-decoration: underline;
	font-size: 80%;
	color: rgb(255,255,255);
}
a.whiteline:visited
{
	text-decoration: underline;
	font-size: 80%;
	color: rgb(255, 255, 255);
}
a.selectedtab
{
	text-decoration: none;
	color: rgb(255, 255, 255);
}
a
{
	color: #333366;
	text-decoration: none;
}
a:visited
{
	color: #333366;
}
a:hover
{
	color: #990000;
	font-weight: normal;
	text-decoration: underline;
}
a.ArtistName
{
	font-size: 70%;
	color: rgb(51, 51, 102);
}
a.NormText
{
	font-size: 80%;
	color: rgb(51, 51, 102);
}
a.BlueHeader
{
	font-size: 80%;
	font-weight: bold;
	color: rgb(51, 51, 102);
}
a.BlueHeaderSelected
{
	font-size: 80%;
	font-weight: bold;
	color: rgb(151, 0, 0);
	border-left-color: #970000;
	border-bottom-color: #970000;
	border-top-color: #970000;
	border-right-color: #970000;
	text-decoration: underline;
}
