BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#layoutBody {
	font-size: 0.9em;
	width: 900px;
	clear: both;
}

#layoutBody P{
	font-size: 0.9em;
}

#layoutBody .layoutBody {
	width: 100%;
	border: 0;
	padding: 0;
}
#layoutBody .layoutSidebarLeft {
	background-color: #F4EFEA;
	width: 100px;
	vertical-align: top;
	padding: 4px;
}
#layoutBody .layoutMiddle {
	background-color: #F4EFEA;
	width: 500px;
	vertical-align: top;
	padding: 4px;
	border-right-style: dashed;
	border-right-width: 1px;
	border-right-color: #999999;
	border-left-style: dashed;
	border-left-width: 1px;
	border-left-color: #999999;
}
#layoutBody .layoutSidebarRight {
	background-color: #F4EFEA;
	width: 100px;
	vertical-align: top;
	padding: 4px;
	text-align: center;
}
#layoutBody A {
	color: #006699;
	text-decoration: none;
}
#layoutBody A:Visited {
	color: #0099CC;
}
#layoutBody A:Hover {
	text-decoration: underline;
	color: #000000;
}

#layoutFooter {
	width: 900px;
	border-top-color: #666666;
	border-top-style: ridge;
	border-top-width: thin;
}
#layoutFooter TD{
	padding: 2em;
}
#layoutFooter P{
	font-size: 65%;
	color: #666666;
	text-align: center;
}



#layoutBody H1 {
	font-size: 130%;
}
#layoutBody H2 {
	font-size: 110%;
}
#layoutBody H3 {
	font-size: 100%;
}
#layoutBody H4 {
	font-size: 90%;
}
#layoutBody H5 {
	font-size: 80%;
}
#layoutBody H6 {
	font-size: 70%;
}

.smaller {
	font-size: 80%;
}

/******
HEADING
******/


#heading {
	width: 900px;
	clear: both;
	background-color: #F4EFEA;
}

#heading .headingImageCell {
	background-color: #006699;
}

#heading1stRow {
	height: 3em;  
	clear: both;
}
#heading2ndRow {
	background-color: #B36B00;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	font-size: 90%;
	clear: both;
}
#heading2ndRow  A {
	color: #FFFF00;
	text-decoration: none;
}
#heading2ndRow A:Visited{
	color: #FFFF00;
}
#heading2ndRow A:Hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#heading3rdRow {
	background-color: #006699;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	font-size: 80%;
	clear: both;
}
#heading3rdRow  A {
	color: #FFFF00;
	text-decoration: none;
}
#heading3rdRow A:Visited{
	color: #FFFFCC;
}
#heading3rdRow A:Hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#headingLeft {
	float: left;
	width: 350px;
}
#headingRight {
	float: right;
	width: 300px;
}

#headingLeft H3 {
	float: left;
	font-size: 110%;
	color: #003366;
}

/*********
HAKULOMAKE
*********/

#sForm {
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	background-color: #CCCCCC;
	float: right;
}

#sFormTextfield {
	float: left;
}
#sFormSubmit .submitButton {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #CCCCCC;
	font-weight: bold;
	font-size: 100%;
	vertical-align: middle;
	text-align: center;
	float: right;
}

#sForm .sFormOptionsLeft {
	margin-right: 0.4em;
}

#sForm .sFormOptionsRight {
	margin-left: 0.4em;
}


#sForm .sForm{

}
#sForm .sFormOptionsLeft {
	float: left;
}

#sForm .sFormOptionsRight {
	float: left;
}


/***********
HAKUTULOKSET
***********/
#resultMatchTitle{
	background-color: #FFEAD5;
}
.resultMatchSongname{
	font-weight: bold;
}
.resultMatchOriginalBy{
	font-size: 80%;
	font-style: italic;
}
.resultMatchMainrecord{
	color: #666666;
	font-weight: bold;
}

#resultMatchSample{
	font-size: 70%;
	margin-left: 100px;
	margin-right: 100px;
}
.resultMatch{
	background-color: #00FFFF;
}


/*********
SELAUSSIVU
*********/
#browseRecordsSongname{
	margin-left: 100px;
	background-color: #9999FF;
}
#browseItemTitle{
	font-size: 120%;
	font-weight: bold;
	background-color: #666666;
	color: #FFFFFF;
	padding: 2px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#browseLyricsLyrics{
	margin-left: 50px;
	width: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-bottom: 2em;
}
#browseResultsRow{
	font-size: 80%;
	margin-left: 50px;
	margin-bottom: 15px;
}
#browseResultsRow .resultsZero {
	text-decoration: line-through;
	color: #993300;
}
#browseResultsRow A {
	color: #006699;
	text-decoration: none;
}
#browseResultsRow A:Visited {
	color: #0099CC;
}
#browseResultsRow A:Hover {
	text-decoration: underline;
}

#browseHeading{
	margin-left: 20px;
	margin-left: 50px;
	font-size: 80%;
}
#browsePrompt, #browseStatus{
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 80%;
	margin-left: 20px;
}
#linkList {
}
#linkListRow {
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 20px;
}
#linkListTitle {
	width: 90%;
}
#error {
	color: #FF0000;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	border: solid #666 3px;
	background-color: #FFFF99;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}

/******
SIDEBAR
******/

.sidebarParagraph{
	font-size: 70%;
}
/**************
form
***********/
.formInfo{
	font-size: 70%;
}





#counterDiv{
	font-size: 0.7em;
}