.resource-search-field {
	width: 200px;
	margin-right: 9px;
}

.resource-instruction-box 
{
	display: block;
	position: absolute;
	border: solid 1px #54c754;
	background-color: #c0f1a9;
	padding: 6px;
	visibility: hidden;
}
.resource-instruction-box img 
{
	float: right;
	margin: 0px 0px 0px 9px;
}
#NameInstr 
{
	z-index: 2;
	width: 200px;
	margin: 5px 0px 0px 0px;
}
#KeywordInstr 
{
	z-index: 3;
	width: 320px;
	margin: 5px 0px 0px 20px;
}
#AgeInstr 
{
	z-index: 4;
	width: 200px;
	margin: 5px 0px 0px 100px;
}


div#ResultsList 
{
	width: 372px;
	height: 470px;
	overflow: auto;
	padding: 4px 0px 4px 4px;
	border: solid 1px #d1973c;
	background-color: #eddaaf;
	float: left;
}
div#ResultsList div.DataItem 
{
	background-color: #fcf1d1;
	border: solid 1px #FFFFFF;
	border-left: solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;
	padding: 3px;
	cursor: hand;
}
div#ResultsList div span 
{
	font-weight: bold;
	color: #145584
}
div#ResultsList img.HasAudio 
{
	float: right;
}

div.DataTitle, div.DataInfo, div.DataLyrics, div.DataListen
{
	display: none;
	padding: 0;
}

div#ResultsDetail 
{
	width: 310px;
	height: 470px;
	padding: 4px;
	border: solid 1px #dc9931;
	border-left: nont;
	background-color: #f1dcaa;
	float: left;
}
div#DetailTitle 
{
	font-size: 16px;
	font-weight: bold;
	color: #e4151d;
	background-color: #e5edf1;
	padding: 6px 12px 0px 3px;
	border: solid 2px #ffffff;
	vertical-align: middle;
	height: 42px;
}
div#DetailTitle img 
{
	vertical-align: top;
	margin-right: 6px;
	float: left;
	position: relative;
	top: -6px;
}
div#DetailMenu 
{
	background-color: #ffffff;
	height: 32px;
	padding: 9px 12px 0px 12px;
	text-align: right;
}
span#DetailMenuTitle 
{
	font-size: 16px;
	font-weight: bold;
	color: #3a826c;
	width: 150px;
	float: left;
	text-align: left;
}
span#DetailMenuLeft 
{
	background-image: url(images/Menu2BackgroundL.gif);
	padding: 2px 0px 2px 8px;
}
span#DetailMenuRight 
{
	background-image: url(images/Menu2BackgroundRP.gif);
	padding: 2px 10px 2px 26px;
}

div#DetailInfo 
{
	background-color: #ffffff;
	padding: 3px 3px 3px 12px;
	height: 371px;
	overflow: auto;
}
div#DetailInfo p 
{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
div#DetailInfo p.Download img 
{
	vertical-align: top;
	margin-left: 6px;
}
div#DetailInfo p.Listen img 
{
	vertical-align: middle;
	margin-left: 6px;
}
div#DetailInfo .SDAudio {
	vertical-align: middle;
}
div#DetailInfo .DirectLink 
{
    width: 278px;
    background-color: #f3f6fb;
    border: solid 1px #e3e9f7;
    padding: 3px;
    font-size: 11px;
    
}


div.Keys 
{
	padding: 27px 27px 18px 0;
	text-align: center;
	clear: both;
	}
div.Keys img 
{
	vertical-align: middle;
	margin-left: 18px;
}