/* styles.css

	CSS Style definitions for FindMySounds.com
	

*/



/**************************************

	page classes

***************************************/
html,body {
	margin: 0;
	padding: 0;
}

table.page {
	width: 100%;
	height: 100%;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	vertical-align: top;

}




/**************************************

	header classes

***************************************/


td.header {
	background-color:#2211bb;
	height:30px;
	text-align:right;
	vertical-align:bottom;
	border-bottom:2px solid black;
}

.header h1 {
	position:absolute;
	top:0px;
	left:40px;
	width:300px;
	height:1px;
	color:red;
	text-align:left;
	margin:0px;
	padding-top:4px;
}

.header h1,
.header h1 a,
.header h1 a:link,
.header h1 a:visited,
.header h1 a:hover,
.header h1 a:active
{
	color:#dddddd;
	font-size:20px;
	font-family:Times,serif;
	text-decoration:none;
}

.header h1 em
{
	font-size:10px;
	color:#ee3333;
}

.header p {
	margin:0px;
	padding-right:20px;
	padding-bottom:2px;
	color:#dddddd;
	font-family: sans-serif;
	font-size:13px;
}

.header p a {
	font-family: sans-serif;
	color:#dddddd;
	text-decoration:none;
}

.header p a:link,
.header p a:visited {
	text-decoration:none;
	color:#dddddd
}
.header p a:hover,
.header p a:active {
	text-decoration:underline;
	color:#dddd22
}


/**************************************

	body classes

***************************************/

td.body {
	background-color:#eeeeee;
	margin:8px;
	padding:18px;
	vertical-align:top;
}

.body a,
.body a:link,
.body a:visited {
	color:#1111bb;
	text-decoration:none;
}

.body a:hover,
.body a:active {
	color:#1111bb;
	text-decoration:underline;
}


/**************************************

	footer classes

***************************************/

td.footer {
	background-color:#cccccc;
	padding:2px 8px;
	vertical-align:bottom;
	height:22px;
	border-top:1px solid #444444;
}
.footer address {
	font-size:13px;
}
.footer a {
	color:#1111bb;
	text-decoration:none;
}
.footer a:hover {
	color:#1111bb;
	text-decoration:underline;
}


/**************************************

	specifics for login page

***************************************/

.login_page {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	padding:0px;
	min-width:600px;
	max-width:800px;
}


.dotted_right_border {
	border-right:1px dotted #888888 
}

.login_column {
	display:table-cell;
	margin:4px;
	padding:8px 12px;
	width:400px;
	min-width:300px;
	max-width: 500px;
	font-size:14px;
}

.login_column form,
.login_column table {
	font-size:14px;
}

.login_column h2 {
	background-color:#dddddd;
	border-top:2px solid #888888;
	margin:2px -5px 0px -5px;
	padding:3px 5px 2px 5px;
}



/**************************************

	specifics for search page

***************************************/




table#search_results {
	padding:3px;
	margin:0px;
	border:thin solid black;
	font-size:11px;
	font-family:sans-serif;
	border-collapse:collapse;
}

table#search_results tr {
	padding:0px;
	margin:0px;
}

table#search_results td {
	padding:3px; 
	margin:0px; 
	vertical-align:top;
}


/* td { padding: 3px; } */
.search_header { font-weight:bold; background-color:#bbbbbb; border-bottom:2px solid black; }
.search_summary { font-style:italic; background-color:#bbFFff; border-bottom:1px solid #333333; }
.search_record_0 { background-color:#eeeeee; }
.search_record_1 { background-color:#dddddd; }
.col_disc, .col_track, .col_index { width:4%; text-align:center }
.col_duration { width:4%; text-align:right; padding-right:2px; }
.col_description { text-align:left; padding-left:4px; }
.col_disc { width:8%; }
#search_results em { background-color:#FFFF33; font-style:normal; }

h1, h2, h3 { margin:2px 0px; padding:2px 0px; }
address { font-size:11px; }

.comment { color:#222; font-size:larger; background-color:#CCFF99; border:1px solid #888; padding:0.5em; margin:1em }
.error_message { color:#222; font-size:larger; background-color:#FFaadd; border:2px solid red; padding:0.5em; margin:1em; font-weight:bold; }


/**************************************

	specifics for register page

***************************************/


#register {  }
#register td { vertical-align:bottom; }
#register em { color:red; font-size:small; }
#register td.m { text-align:center; }
#register td.c { text-align:right; }

.ContactInformation { margin-left:1em; width:600px }
.ContactInformation td { padding:3px 0px }
.CustomerInformation { margin-left:1em; width:600px }
.CustomerInformation td { padding:3px 0px }
.column1 { width:6em }
.column2 { width:6em }
.ContactInformation em { color:red; font-size:small }
.CustomerInformation em { color:red; font-size:small }

form.profile { margin:0.5em; }
form.profile td { vertical-align:bottom }
form.profile table td.column1 { width:12em; text-align:right; padding-right:1.0em }

/* em { color:red; font-size:small; } */