/* CSS Document *//* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */

#Table_01
{
}

#instruments {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	height: 65px;
	width: 145px;
	margin: 0;
	overflow: auto;
	line-height: 13px;
	padding: 0;
}

#skill-table {
	background-image: url(images/catalog5-c.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 737px;
	width: 544px;
}

#song-table {
	background-image: url(images/catalog5-a.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 737px;
	width: 544px;
}


#catalog3 {
	background-image: url(images/catalog5-c.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 737px;
	width: 544px;
}


#style {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	height: 65px;
	width: 145px;
	margin: 0px 0 0 0px;
	overflow: auto;
	
	line-height: 13px;
	padding: 0 0 0 0px;
}

#skill-level {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	height: 65px;
	width: 145px;
	margin: 0px 0 0 0px;
	overflow: auto;
	
	line-height: 13px;
	padding: 0 0 0 0px;
}

#breadcrumbs { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #fff; height: 20px; font-weight: bold; font-stretch: ultra-condensed; width: 500px; line-height: 10px; padding-top: 4px; padding-bottom: 7px; }

#lessonbar-left { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; height: 20px; width: 300px; line-height: 10px; padding-top: 4px; padding-bottom: 5px; }

#lessonbar-right { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #fff; height: 20px; width: 180px; line-height: 10px;  padding-top: 4px; padding-bottom: 5px; }

#lesson-type {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	height: 65px;
	width: 145px;
	margin: 0px 0 0 0px;
	overflow: auto;
	line-height: 13px;
	padding: 0 0 0 0px;
}

#history {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	height: 65px;
	width: 145px;
	margin: 0px 0 0 0px;
	overflow: auto;
	line-height: 13px;
	padding: 0 0 0 0px;
}

#teachers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	height: 180px;
    margin: 0px 0 0 0px;
	width: 145px;
	overflow: auto;
	line-height: 13px;
	padding: 0 0 0 0px;
}

#result_divider {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #d4e3e7;
	height: 1px;
    margin: 1px 0 0 0px;
	width: 120px;
	overflow: auto;
	line-height: 1px;
	padding: 0 0 0 0px;
	background-color: #b1d3dc;
}

#courses {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	height: 180px;
	width: 145px;
	margin: 0px 0 0 0px;
	overflow: auto;
	line-height: 13px;
	padding: 0 0 0 0px;
}

#results-audio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F00;
	height: 26px;
	width: 500px;
	overflow: auto;
	line-height: 11px;
	padding:  0px 0 0 0px;
}

#purchase-table-container {
	height: 200px;
	overflow: auto;
	border: 0px;
	position: relative;
}

#cool-lesson-container {
	width:500px;
	height:260px;
	overflow:auto;
}


#package-container {
	width:500px;
	height:450px;
	overflow:auto;
}

#search_result-container {
	width:500px;
	height:490px;
	overflow:auto;

}

#purchase-table { vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #000000; margin: 0; }

.audio-tr {
	height: 25px;
	color: #FFF;
}

.video-tr {
	height: 25px;
	color: #e3edf7;
}

.lesson-td {
	width: 210px;
	padding: 0 0 0 0;
		border-right: 0 solid #ccc;

}
.teacher-td {
	width: 90px;
	padding: 0px 0 0 0px;
		border-right: 0px solid #ccc;

}
.status-td {
	width: 40px;
		padding: 0px 0 0 0px;
			border-right: 0px solid #ccc;

}
.button-td {
	width: 110px;
	padding: 0 0 0 0;
}

.lesson-td-border {
	width: 210px;
	padding: 0;
	border-top: 0 solid #ccc;
	border-right: 0 solid #ccc;
}
.teacher-td-border {
	width: 90px;
	padding: 0px 0 0 0px;
	border-top: 0px solid #ccc;
		border-right: 0px solid #ccc;

}
.status-td-border {
	width: 40px;
		padding: 0px 0 0 0px;
	border-top: 0px solid #ccc;
		border-right: 0px solid #ccc;

}
.button-td-border {
	width: 110px;
	padding: 0;
	border-top: 0 solid #ccc;
	
}

a { color: blue; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; text-decoration: none; }
a:link { color: blue; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px;}
a:visited { color: blue; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; }
a:hover { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; }
a:active { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; }
.selected { color: black; font-weight: bold; background-color: orange; width: inherit; display: block; background-position: 0 0; }

.upsells {
	padding: 20px 0 0 10px;
	}
	
	
tr.rule 
{
	height: 1px;
	overflow: hidden;
	font-size: 2px;
}

/*** package buttons ***/

.buttonscontainer-catalog 
{

	width: 195px; height: 63px;
	margin-right: 0px;
	
}

.buttons-catalog  a {color: #ffffff;
background-image: url(images/package-tabs_01.gif);
padding-top: 9px;
padding-bottom: 50px;
padding-left: 0px;
display: block;
font: 15px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-align: center;}

.buttons-catalog a:hover {background-image: url(images/package-tabs_01-over.gif);
color: #ffffff;
text-decoration: none;}


.buttonscontainer-package 
{

	width: 193px; height: 63px;
	margin-right: 0px;
	
}

.buttons-package  a {color: #ffffff;
background-image: url(images/package-tabs_02.gif);
padding-top: 9px;
padding-bottom: 50px;
padding-left: 0px;
display: block;
font: 15px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-align: center;}

.buttons-package a:hover {background-image: url(images/package-tabs_02-over.gif);
color: #ffffff;
text-decoration: none;}


.buttonscontainer-search 
{

	width: 127px; height: 63px;
	margin-right: 0px;
	
}

.buttons-search  a {color: #ffffff;
background-image: url(images/package-tabs_03.gif);
padding-top: 9px;
padding-bottom: 50px;
padding-left: 0px;
display: block;
font: 15px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
text-align: center;}

.buttons-search a:hover {background-image: url(images/package-tabs_03-over.gif);
color: #ffffff;
text-decoration: none;}


a.bottomLink
{
  COLOR: #bd7a56;
  FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  TEXT-DECORATION: underline
}

a.bottomLink:active
{
  COLOR: #cc0000;
  FONT-FAMILY: Arial,Verdana, Geneva, Helvetica, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  TEXT-DECORATION: none
}

a.bottomLink:hover
{
  COLOR: #cc0000;
  FONT-FAMILY: Arial,Verdana, Geneva, Helvetica, sans-serif;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  TEXT-DECORATION: underline
}