@charset "UTF-8";
/* CSS Document */

body {
	background-color: #1c1b1b;
	margin: 0 0 0 0;
}
/* ------  structual classes -------------*/
.content_wrapper {
	width: 100%;
	background-image: url(../Images/TutorialsV2/MainBG.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.content_container {
	width: 960px;
	margin: 0 auto;
	text-align:left;
	min-height: 500px;
	padding: 25px 0 0 0;
}
.lessons_left {
	width: 763px; 
	float: left;
	
}
.lessons_right {
	width:190px; 
	float: right;
}
.plain_left_divs {
	width: 960px;
	margin: 8px 0 0 0;
}
.lesson_rows {
	height: 38px;
	width: 763px;
	background-image: url(../Images/TutorialsV2/Item_Row_BGs.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
}
.lesson_rows_selected_options {
	height: 38px;
	background-image: url(../Images/TutorialsV2/Item_Row_Selected_BGs.gif);
	background-repeat: repeat-x;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	width: 761px;
}
.lesson_rows_selected_member{
	border-bottom: 1px solid #333333;
	margin-bottom: 20px;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	width: 763px;
}
.lesson_rows_selected_heads {
	height: 38px;
	background-image: url(../Images/TutorialsV2/Item_Selected_Row_BGs.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #333333;
}
.lessons_rows_selected_jamtrax {
	height: 38px;
	background-image: url(../Images/TutorialsV2/Item_Row_Jamtrax_BGs.gif);
	background-repeat: repeat-x;
}
/*--- right column class elements --*/

.panel_feature_containers 
{
	width: 160px;
	margin: 0 0 8px 0;
	background-color: #101110;
}
.panel_feature_containers_border
{
	border: 1px solid #333333;
}
.panel_heads {
	height: 25px;
	background-image: url(../Images/TutorialsV2/Right_Panel_Heads.gif);
	background-repeat: repeat-x;
	padding-left: 5px;
	line-height: 25px;
	border-bottom: 1px dotted #fff;
	text-align: left;
}
.panel_more_bands {
	height: 23px;
	line-height: 23px;
	background-color: #67371b;
	padding-right: 5px;
	border-bottom: 1px dotted #fff;
	text-align: right;
}
.panel_text_containers {
	width: 160px;
	margin: 0 0 8px 0;
	background-color: #101110;
	border: 1px solid #333333;
	background-image: url(../Images/TutorialsV2/Text_box_BG.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #000;
}
/* ------  textual classes -------------*/
h1 {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	font-weight:bold;
	margin: 0;
	font-size:26px;
}
h2 {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	font-weight:bold;
	margin: 0;
	font-size:22px;
}
h3 {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	font-weight:normal;
	margin: 0;
	font-size:20px;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	font-weight:normal;
	margin: 5px;
	font-size:18px;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:normal;
}
p {
Font-family: Arial, Verdana;
Font-weight: normal;
Color: #fff;
Font-size: 13px;
text-decoration: none;	
margin: 0 0 0 0;
padding: 0 0 0;
}
p a , p a:visited {
Font-family: Arial, Verdana;
Font-weight: normal;
Color: #fa361f;
Font-size: 11px;
text-decoration: none;	
}
p a:hover {
Color: #ee5d10;
text-decoration: none;		
}
p.text {
font-size: 11px;
padding: 0 0 0 5px;
}
p.text2 {
font-size: 11px;
padding: 0 0 0 0;
}
.red {
	color: #F00;	
}
.orange {
	color: #f36d1f;	
}
.fourteen {
	font-size: 14px;
}
.text_cell {
	padding: 5px;
}
/* ------  form classes -------------*/
fieldset {
	padding:10px;
	margin-bottom:36px; 
	width:600px;
	border: 0px;
}
.text_field {
	width: 308px;
	height: 27px;
	background-color: #333132;
	border: 1px solid #5c5a5b;
	color: #fff;
	vertical-align: middle;
	text-align: left;
	
}

/* ------  misc classes -------------*/
.dotted_rule {
	border-top: 1px dotted #fff;
	margin: 8px 4px 8px 4px;
}
.dotted_rule2 {
	border-top: 1px dotted #fff;
	margin: 8px 0px 8px 0px;
}
.dotted_rule3 {
	border-top: 1px dotted #fff;
	margin: 3px 4px 3px 4px;
}
/*----------- clear classes -------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
/*----------- clear classes -------------------*/

/*----------- misc classes --------------------*/
.right_col_bg {
	background: #000;

	background-position: bottom;
	background-repeat: no-repeat;
	border: 1px solid #343434;
	}
.mini_panel_contents {
	background: #151515;
	border: 1px solid #343434;
	
}
/*---------- tab container elements -------------*/

.tabs {
	float:left; 
	width:475px; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	position:relative;
}
.tab_Beginner_on {
	width: 135px; 
	height: 43px; 
	background-color: red; 
	list-style: none; 
	float:left; 
	margin-right: 1px;
}
.tab_Intermediate_off {
	width: 180px; 
	height: 43px; 
	background-color: blue; 
	list-style: none; 
	float:left; 
	margin-right: 1px;
}
.tab_Advanced_off {
	width: 135px; 
	height: 43px; 
	background-color: green; 
	list-style: none; 
	float:left;
}

.top_rock,
.top_blues,
.top_metal,
.top_acoustic
{
	width: 155px;
	height: 35px;
	background-repeat: no-repeat;
	line-height: 35px;
	padding: 0 0 0 5px;
	text-align: left;
}

.top_rock
{
	background-image: url(/Images/Misc/Top5_Rock_Tip.gif);
}

.top_blues
{
	background-image: url(/Images/Misc/Top5_Blues_Tip.gif);
}

.top_metal
{
	background-image: url(/Images/Misc/Top5_Metal_Tip.gif);
}

.top_acoustic
{
	background-image: url(/Images/Misc/Top5_Acoustic_Tip.gif);
}