/****************** DEFAULT BODY STYLES ********************/
body						{ margin:0px;background-color:#FFffff;font-family:arial,verdana,sans-serif;font-size:11px;font-weight:normal;color:#404040; scrollbar-base-color: #CCCCCC;scrollbar-arrow-color: #FFFFFF;scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #0F0075;scrollbar-face-color: #71A7CB;scrollbar-highlight-color: #CCCCCC;scrollbar-shadow-color: #06003F;scrollbar-track-color: #CCCCCC;}
td							{ font-size:11px;color:#404040; font-family:arial,verdana,sans-serif; }
p							{ font-size:11px;margin:0px 0px 12px; color:#404040;line-height:14px;font-family:arial,verdana,sans-serif;text-align:left }
a:link						{ color:#0228A0;font:normal 11px arial,verdana,sans-serif;text-decoration:underline; }
a:visited					{ color:#0228A0;font:normal 11px arial,verdana,sans-serif;text-decoration:underline; }
a:active					{ color:#0228A0;font:normal 11px arial,verdana,sans-serif;text-decoration:underline; }
a:hover						{ color:#0228A0;font:normal 11px arial,verdana,sans-serif;text-decoration:underline; }
input						{ font:normal 11px arial,verdana,sans-serif; }
select						{ font:normal 11px arial,verdana,sans-serif; }

/************************ SEARCH APPLICATION INTERFACE **************************/
.HeaderBottomBg				{ background:#ADBEC8 url(/SkinTemplates/1/HeadBottomBg.jpg) top left repeat-x;padding:5px 5px 5px 0; }
.LogoContainer				{ background:#ADBEC8 url(/SkinTemplates/1/PlayerLeft3.jpg) top right no-repeat; }
.PlayerContainer			{ background:url(/SkinTemplates/1/PlayerCenter3.jpg) top left repeat-x; }
.PopupContainer				{ background-image:url(/SkinTemplates/1/PopupBg.gif);padding:0 5px 0 5px;height:120px; }
.TabContainer				{ background:url(/SkinTemplates/1/PlayerRightBg.jpg) top left repeat-x;padding: 0px 0 0px 0; }
.LogOut						{ text-align:right;padding: 0 5px 6px 0; }
.PageTitle					{ padding-bottom:5px; }
.SearchText					{ padding:0 4px 0 4px; }
.SearchText input			{ margin:0px;border:none;border-top: solid 1px #000000;border-left: solid 1px #000000;width:135; }
.VBorder					{ background:#D9ECF8 url(/SkinTemplates/1/Divider.gif); }
.HBorder					{ background:#D9ECF8 url(/SkinTemplates/1/BottomBorder.gif); }
.Hdr1						{ background:#D9ECF8 url(/SkinTemplates/1/HeadBg.gif);padding:7px 5px 3px 5px;border-bottom:solid 1px #667385; color:#ffffff; font-weight:bold; font-family: arial, verdanan, sans-serif;font-size:13px;}
.Hdr1Text					{ background:#D9ECF8 url(/SkinTemplates/1/HeadBg.gif);padding: 3px 0px 2px 5px;border-bottom:solid 1px #667385; color:#ffffff; font-weight:bold; font-family: arial, verdanan, sans-serif;font-size:13px;}
.Hdr1Btn					{ background:#D9ECF8 url(/SkinTemplates/1/HeadBg.gif);padding:3px 5px 2px 5px;border-bottom:solid 1px #667385; }
.Hdr1Btn td					{ padding:0 2px 0 2px; }
.SubHdr1					{ background:#DFE4E8 url(/SkinTemplates/1/Subhead1Bg.gif);padding:4px 3px 4px 5px;border-bottom:solid 1px #667385;border-top:solid 1px #99A2AD; background-repeat:repeat-x;}
.SubHdr2					{ background:#DFE4E8 url(/SkinTemplates/1/Subhead2Bg.gif);padding:4px;border-bottom:solid 1px #667385;border-top:solid 1px #99A2AD; }
.SubHdr2Search				{ background:#DFE4E8 url(/SkinTemplates/1/Subhead2Bg.gif);padding:1px 2px 1px 2px;border-bottom:solid 1px #667385;border-top:solid 1px #99A2AD; }
.ResultNum					{ color:#FFFFFF;font-weight:bold;font-size:13px;line-height:13px;padding-left:3px; }
.CriteriaDown				{ margin:0px;border:none;width:137; }
.CriteriaSelect				{ margin:0px;border:none;width:140; }
.PageEndRow					{ background:#DFE4E8 url(/SkinTemplates/1/Subhead2Bg.gif);padding:4px;border-bottom:solid 1px #667385;border-top:solid 1px #99A2AD; }
.TreeContainerSelected		{ background-color:#F8F8F9;padding:0 4px 0 4px; }
.TreeContainerUnselected	{ background-color:#FFFFFF;padding:0 4px 0 4px; }
.SelectedStretch			{ background-image:url(/SkinTemplates/1/treeimages/i.gif); }
.SelectedCell				{ border:solid 1px #99A2AD; }
.SelectedLabel				{ background-color:#E4EBF7;padding-left:4px;font-weight:bold;color:#011972; }
.SelectedNameText			{ font-size:10px;width:90px;margin:2px;padding:2px; }	
.LogoTop					{ background:url(/SkinTemplates/1/LgTop.jpg) top left repeat-x;height:10px; }
.LogoCtr					{ background-color:#FFFFFF;height:74px;padding-left:2px;paddng-right:2px; }
.LogoBtm					{ background:url(/SkinTemplates/1/LogoBtm.jpg) top left repeat-x;height:15px; }
#FtrBg						{ background:url(/SkinTemplates/1/AltFtrBg.jpg) top left repeat-x;height:49px; }
#IndexLogo					{ background-color:#FFFFFF;height:62px; }
#LTBorder					{ background:#FFFFFF url(/SkinTemplates/1/LT.gif) top left repeat-x; }
#LBBorder					{ background:#FFFFFF url(/SkinTemplates/1/LB.gif) top left repeat-x; }
#LLBorder					{ background:#FFFFFF url(/SkinTemplates/1/LL.gif) top left repeat-y; }
#LRBorder					{ background:#FFFFFF url(/SkinTemplates/1/LR.gif) top left repeat-y; }

/* DIV POP UP LAYER */
.LayerBG 					{background-color:#E1ECF4;border:solid 1px #273D98;width:400px;}
.LayerBold					{font-family:arial, verdana, sans-serif; font-size:11px; font-weight:bold; color:#273D98;padding:1px 1px 1px 5px;}
.LayerNormal				{font-family:arial, verdana, sans-serif; font-size:11px; font-weight:normal; color:#273D98;padding:1px 1px 1px 1px;;}
.wrap1, .wrap2, .wrap3 		{ display:inline-table;  }
.wrap1 						{ float:left; background:url(/SkinTemplates/1/shadow.gif) right bottom no-repeat;}
.wrap2 						{background:url(/SkinTemplates/1/corner_bl.gif) left  bottom no-repeat;}
.wrap3 						{padding:0 6px 6px 0;  background:url(/SkinTemplates/1/corner_tr.gif) right   top no-repeat;}

/* Panel Formatting */
.PanelContainer				{ background-color:#FFFFFF; }
.PanelContainerEdit			{ background-color:#F7F7F8; }
.PanelTitle					{ background:#DFE4E8 url(/SkinTemplates/1/Subhead2Bg.gif);padding:4px 0 4px 1px;border-bottom:solid 1px #667385;border-top:solid 1px #99A2AD;font-weight:bold;}
.PanelTitleCap				{ background:#DFE4E8 url(/SkinTemplates/1/TopCorner.gif) top left no-repeat;border-bottom:solid 1px #667385; }
.PanelTitleButton			{ background:#DFE4E8 url(/SkinTemplates/1/Subhead2Bg.gif);padding:2px 4px 2px 0;border-bottom:solid 1px #667385;border-top:solid 1px #99A2AD;border-right:solid 1px #99A2AD;font-weight:bold;}
.PanelSubTitle				{ background-color:#DFE4E7; }
.PanelSubTitle td			{ border-bottom:solid 1px #99A2AD;border-top:solid 1px #99A2AD;color:#011972;font-weight:bold;padding:2px 5px 2px 5px; }
.PanelSubTitle2				{ background-color:#DFE4E7; }
.PanelSubTitle2 td			{ border-top:solid 1px #4F6978;color:#011972;font-weight:bold;padding:2px 5px 2px 5px; }
.PanelSubTitle3				{ background-color:#F3F4F6; }
.PanelSubTitle3 td			{ border-top:solid 1px #99A2AD;color:#000000;font-weight:normal;padding:5px; }
.PanelWhiteSubTitle			{ background-color:#FFFFFF; }
.PanelWhiteSubTitle td		{ border-bottom:solid 1px #99A2AD;border-top:solid 1px #99A2AD;color:#011972;font-weight:bold;padding:2px 5px 2px 5px; }
.PanelWhiteSubTitle2		{ background-color:#FFFFFF; }
.PanelWhiteSubTitle2 td		{ border-top:solid 1px #4F6978;color:#011972;font-weight:bold;padding:2px 5px 2px 5px; }
.PanelWhiteSubTitle3		{ background-color:#FFFFFF; }
.PanelWhiteSubTitle3 td		{ border-top:solid 1px #4F6978;color:#000000;font-weight:normal;padding:5px; }
.MusicSelectionType			{ background-color:#F3F4F6;border-top:solid 1px #4F6978;border-bottom:solid 1px #4F6978;color:#000000;font-weight:normal;padding:5px; }

.SortRow					{ background-color:#EAEDEF; }
.SortRow td					{ border-bottom:solid 1px #99A2AD;border-top:solid 1px #99A2AD;color:#011972;font-weight:bold;padding:2px 5px 2px 5px; }
.SortRow td a:link			{ font-weight:bold; }
.SortRow td a:visited		{ font-weight:bold; }
.SortRow td a:active		{ font-weight:bold; }
.SortRow td a:hover			{ font-weight:bold; }
.OddRow						{ background-color:#FFFFFF; }
.EvenRow					{ background-color:#F3F4F6; }
.ButtonRow					{ background-color:#EDEDEF; }
.ButtonRow td				{ padding:2px 5px 2px 5px;border-top:solid 1px #99A2AD; }
.PagingRow					{ background-color:#EDEDEF;padding:2px 5px 2px 5px; }
.PagingRow td				{ border-top:solid 1px #99A2AD; }
.PanelCellBold				{ color: #000000;font-size: 11px;font-weight: bold;padding:2px 4px 1px 4px; }
.PanelCellLeft				{ border-right: solid 1px #99A2AD;color: #000000;font-size: 11px;font-weight: normal;padding:2px 4px 1px 4px; }
.PanelCellLeftBold			{ border-right: solid 1px #99A2AD;color: #000000;font-size: 11px;font-weight: bold;padding:2px 4px 1px 4px; }
.PanelCellRight				{ color: #000000;font-size: 11px;font-weight: normal;padding:2px 4px 1px 4px; }
.PanelCellRightBold			{ color: #000000;font-size: 11px;font-weight: bold;padding:2px 4px 1px 4px; }
.PanelCellNeutral			{ color: #000000;font-size: 11px;font-weight: normal;padding:2px; }
.PanelCellNeutralBold		{ color: #000000;font-size: 11px;font-weight: bold;padding:2px; }
.ButtonDiv	td				{ padding-bottom:1px; }
.ButtonSm					{ padding:2px 1px 2px 1px; }
.NoResults					{ border-top:solid 1px #99A2AD;background-color:#EDEDEF;padding:2px 5px 2px 5px; }

/* Forms */
.FormLabel					{ font-weight:bold;padding:2px 5px 2px 5px;text-align:right; }
.FormLabelL					{ font-weight:bold;padding:2px 5px 2px 5px; }
.FormElement				{ padding:1px 0 1px 0; }

/* Addresses */
.Zip		{ WIDTH: 90px }
.State		{ WIDTH: 50px }
.LogIn		{ WIDTH: 170px }
.Comments	{ WIDTH: 445px }

/********************************** REGISTER ***********************************/
.RegistrationPages			{ BACKGROUND: url(/SkinTemplates/1/LogInBg.jpg) #32158c repeat-x right top }
.RegisterHeader				{ background:#F9FBFA url(/SkinTemplates/1/RegisterBg.jpg); }
.RegisterContent			{ padding:0 10px 10px 10px;background-color:#FFFFFF; }
.RegsisterTitle				{ color:#032884;font-weight:bold;font-size:17px;margin:16px 0 4px 0; }
.SignUpSquare				{ background:#f2f2f2;border:solid 1px #032884;padding:3px 10px 3px 10px;}

/************************************ USERS ************************************/
.LoginName					{ font-weight:bold;color:#050570; }

/********************************* CONTACT FORM *********************************/
.ContactArea				{ padding-left:5px; }
.ContactFormArea			{ padding-left:5px;background:#F9F9F9; }
.ContactArea p				{ font-weight:bold;margin:4px 0 4px 0;line-height:13px;color:#404040; }
.ContactTitle				{ color:#011972 }
.SupportPageContent			{ padding:25px; }

/******************************** REPORTS **************************************/
a.ReportTitle:link			{ font-weight:bold;font-size:12px; }
a.ReportTitle:visited		{ font-weight:bold;font-size:12px; }
a.ReportTitle:active		{ font-weight:bold;font-size:12px; }
a.ReportTitle:hover			{ font-weight:bold;font-size:12px; }


/* Popout Menu */
#dhtmlPopUpMenu{
	position: absolute;
	background-color: white;
	border-color: black;
	border-width: 2px;
	visibility: hidden;
	z-index: 100;
	width:150px;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlPopUpMenu p {
	font:bold 11px/16px arial,helvetica,sans-serif;
	display:block;
	border-width:1px;
	border-style:solid;
	border-color:#CCD0D6 #667385 #33455C #99A2AD;
	white-space:nowrap;
	margin:0;
	padding:1px 3px;
	color:#21378C;
	background:#FFFFFF url(/SkinTemplates/1/Subhead2Bg.gif);
	text-decoration:none;
}

#dhtmlPopUpMenu a {
	font:bold 11px/16px arial,helvetica,sans-serif;
	display:block;
	border-width:1px;
	border-style:solid;
	border-color:#060 #888 #555 #bbb;
	white-space:nowrap;
	margin:0;
	padding:1px 3px;
	color:#000;
	background:#F4F3F3;
	text-decoration:none;
}

#dhtmlPopUpMenu a:hover{
	color:#ffffff;
	background:#5F91BF;
}

#dhtmlPopUpMenu a:active{
	color:#ffffff;
	background:#051D74;
}

#dhtmlPopUpMenu ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#dhtmlPopUpMenu li, div#dhtmlPopUpMenu li:hover{
	position:relative;
}

div#dhtmlPopUpMenu li ul{
	position:absolute;
	left:100.1%;
	display:none;
}

div#dhtmlPopUpMenu ul ul,
div#dhtmlPopUpMenu ul ul ul,
div#dhtmlPopUpMenu ul li:hover ul ul,
div#dhtmlPopUpMenu ul li:hover ul ul ul
{display:none;}

div#dhtmlPopUpMenu ul li:hover ul,
div#dhtmlPopUpMenu ul ul li:hover ul,
div#dhtmlPopUpMenu ul ul ul li:hover ul
{display:block;}

.PlayListShare 	{
	width: 100%;
	border:solid 1px #273D98;
	background-color:#FFFFFF;	
}

.PlayListShare p {
	font:bold 11px/16px arial,helvetica,sans-serif;
	display:block;
	border-width:1px;
	border-style:solid;
	border-color:#CCD0D6 #667385 #33455C #99A2AD;
	white-space:nowrap;
	margin:0;
	padding:1px 3px;
	color:#21378C;
	background:#FFFFFF url(/SkinTemplates/1/Subhead2Bg.gif);
	text-decoration:none;
}

.PlayListShare td {
	font:bold 11px/16px arial,helvetica,sans-serif;	
	padding:1px 3px;
	background:#FFFFFF		
	white-space:nowrap;
	text-decoration:none;
	color:#21378C;
}

.CompositionDetailBG 	{ 
	visibility:hidden;
	z-index: 100;
	position:absolute;
	background-color:#E1ECF4;
	border:solid 1px #273D98;
	width:400px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.CompositionDetaiBold	{ font-family:arial, verdana, sans-serif; font-size:11px; font-weight:bold; color:#273D98;padding:1px 1px 1px 5px;}
.CompositionDetaiNormal	{ font-family:arial, verdana, sans-serif; font-size:11px; font-weight:normal; color:#273D98;padding:1px 1px 1px 1px;;}

/* End non-anchor hover selectors */

.Crumb				{ font-weight:bold;color:#F7F9FA;padding:0px 0px 0px 15px;font-size:12px;background-image: url(/SkinTemplates/1/Arrow.gif);background-repeat:no-repeat; valign:middle;line-height:12px;}

/* Account List Menu */
#divTabAllAccounts{
	position: absolute;
	top: 73px;
	background-color: white;
	border-color: black;
	border-width: 0px;
	visibility: hidden;
	z-index: 101;
	width:180px;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#divTabAllAccounts p {
	font:bold 11px arial,helvetica,sans-serif;
	display:block;
	border-width:1px;
	border-style:solid;
	border-color:#CCD0D6 #667385 #33455C #99A2AD;
	white-space:nowrap;
	margin:0;
	padding:1px 3px;
	color:#21378C;
	background:#FFFFFF url(/SkinTemplates/1/Subhead2Bg.gif);
	text-decoration:none;
}

#divTabAllAccounts .select{
	font:bold 11px arial,helvetica,sans-serif;
	color:#172E8D;
	background:#B8D1E1;
	padding:4px 3px;
}

#divTabAllAccounts a {
	font:bold 11px arial,helvetica,sans-serif;
	display:block;
	border-width: 0px, 1px, 1px, 1px;
	border-style:solid;
	border-color:#E6EDF6 #E6EDF6 #E6EDF6 #E6EDF6;
	white-space:nowrap;
	margin:0;
	padding:4px 3px;
	color:#E6EDF6;
	background:#172E8D;
	text-decoration:none;
}

#divTabAllAccounts a:hover{
	color:#172E8D;
	background:#E6EDF6;
}

#divTabAllAccounts a:active{
	color:#ffffff;
	background:#051D74;
}

#divTabAllAccounts ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#divTabAllAccounts li, div#divTabAllAccounts li:hover{
	position:relative;
}

div#divTabAllAccounts li ul{
	position:absolute;
	left:100.1%;
	display:none;
}

div#divTabAllAccounts ul ul,
div#divTabAllAccounts ul ul ul,
div#divTabAllAccounts ul li:hover ul ul,
div#divTabAllAccounts ul li:hover ul ul ul
{display:none;}

div#divTabAllAccounts ul li:hover ul,
div#divTabAllAccounts ul ul li:hover ul,
div#divTabAllAccounts ul ul ul li:hover ul
{display:block;}