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


/* ----------  Global Styles - body, h1, p, a tags --------- */

body {
background: url(/images/body-bg.jpg) repeat-x;
background-color:#ceefff;
margin: 0;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 130%;
}

h1 {
	font-size:19px;
	color: #00407a;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 4px;
	line-height: 21px;
	text-transform:capitalize;
}

p {
margin-top: 0px;
margin-bottom: 8px;
}

a {
color: #00376A;
text-decoration: underline;
}

a:hover {
color:#F07800;
text-decoration: none;
}

a img{
	border:none;
}

/* ----------  Main Divs --------- */

#container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}


#header {
	width: 100%;
	background:url(/images/header2.jpg) no-repeat;
}

#footer {
	text-align: center;
	padding-top:20px;
	background-image: url(/images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#content {
	width: 100%;
	background: #FFFFFF;
	overflow: auto;
	padding-left: 0px;
	margin: 0;
	padding-top: 10px;
	border-top: 2px solid orange;
}




/* ----------  Coloured Content Div Classes --------- */

.yellow {
	padding: 10px;
	background-color: #FFEEB9;
border: 1px solid #FFCA5B;
	margin-bottom: 4px;
	overflow: auto;

}


.orange, #respond {
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 4px;
	overflow: auto;
	background-image: url(/images/orangediv-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.grey {
	padding: 10px;
	border: 1px solid #ccc;
	background:url(/images/greydiv-bg.jpg);
	margin-bottom: 4px;
		overflow: auto;
}

.blue, .widget {
	padding: 10px;
	border: 1px solid #ccc;
	background:url(/images/bluediv-bg.jpg);
	margin-bottom: 4px;
	overflow: auto;
}


.mint, #comments {
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 4px;
	overflow: auto;
	background-color: #daf2b6;
	background-image: url(/images/mintdiv-bg.jpg);
	background-repeat: repeat-x;
}

.white-noborder, .navigation-links {
	padding: 10px;
	margin-bottom: 4px;
	background-color: #FFFFFF;
		overflow: auto;
}

.white, .post, .comment {
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 4px;
		background-color: #FFFFFF;
		overflow: auto;
}

.avatar {
	
	float:right;
	}

/* ----------  Tab Menu --------- */

#tabnav {
	list-style: none;
	margin: 0px;
	margin-left: 160px;
}

#tabnav li {
    background: url(/images/tabnav-inactive.gif);
    float: left;
	display: block;
	height: 34px;
	width: 126px;
	margin-left: 0;
}

#tabnav a {
	display: block;
	width: 126px;
	height: 24px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #ffb400;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;

}

#tabnav a:hover {
    background: url(/images/tabnav-rollover.gif);
}

#tabnav .active {
    background: url(/images/tabnav-active.gif);
	color: #0055d5;
}

#tabnav .active:hover {
    background: url(/images/tabnav-active.gif);

}


#tabnav .start {
	width: 9px;
	background: url(/images/tabnav-start.gif);
	display: block;
}

#tabnav .end {
	width: 9px;
	background: url(/images/tabnav-end.gif);
	display: block;
}


#tabs {
	width: 900px;
	height: 36px; 
	background: url(/images/tabsearch-top.gif) no-repeat;
	background-color: #fcefc6;
	
}

#tabLinks{
	float:left;
	margin:10px 0 0 10px;
	font-size: 14px;
	font-weight: bold;	
	}

/* ----------  Top Search Bar --------- */

#search-box {
	padding:5px 0px 5px 0px;
	background:#fcefc6;
}

#search-box form input#searchsubmit {
	border-color:#ED5929 rgb(204, 51, 0) rgb(204, 51, 0) rgb(237, 89, 41);
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
	background-color: #FF9933;
}

#search-box form select {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #AAAAAA;
	font-size:100%;
}

#search-box form input#searchbox {
	border:1px solid #AAAAAA;
	font-size:100%;
	width:23em !important;
}

#search-box a {
	font-size:100%;
	height:100%;
	text-decoration:underline;
}


/* ----------  Column Variations --------- */

/* 
threecol - Three column Small/Big/Small
twohalfcol - Two Even Columns Half/Half
twothirdcol - Small/Big
onecol - One Big Column
onecolsmall - One small column for important information  
 */

#threecol-left {
	float: left;
	width: 188px;
	padding: 0px 2px 0px 10px;
}


#threecol-center {
	width: 496px;
	float:left;
	padding: 0px 2px 0px 2px;

}

#threecol-right {
	float:left;
	width: 188px;
	padding: 0px 10px 0px 2px;
}


#twohalfcol-left {
	float: left;
	width: 438px;
	padding: 0px 2px 0px 10px;
}


#twohalfcol-right {
	float:left;
	width: 438px;
	padding: 0px 0px 0px 2px;
}

#twoquartercol-left {
	float: left;
	width: 188px;
	padding: 0px 2px 0px 10px;
}


#twoquartercol-right {
	float:left;
	width: 688px;
	padding: 0px 10px 0px 2px;
}

#twothirdcol-left {
	float: left;
	width: 238px;
	padding: 0px 2px 0px 10px;
}


#twothirdcol-right {
	float:left;
	width: 638px;
	padding: 0px 10px 0px 2px;
}


#onecol {
	width: 880px;
	padding: 0px 10px 0px 10px;
}


#twocolrego-left {
	float: left;
	width: 350px;
	padding: 0px 2px 0px 10px;
}


#twocolrego-right {
	float:left;
	width: 526px;
	padding: 0px 10px 0px 2px;
}

/* Submit Button Styling */

#submit {
border-color:#ED5929 rgb(204, 51, 0) rgb(204, 51, 0) rgb(237, 89, 41);
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
	margin:0pt 0pt 0pt 0.2em;
	padding:0.2em 0.2em;
	background-color: #FF9933;
right: 0px;
}


#submit:hover {
	background-color: #FFCC00;
	cursor:pointer;

}


/* Upgrade Plan Table  */

#plan-table td {
	border-bottom: 1px solid #000;
	padding: 4px 0 5px 4px;
}

/* Registration Page */

.signup-form {
	list-style:none;
	margin: 0px;
	padding: 0px;
}

.signup-form label {
	width: 250px;
	display: block;
}

.signup-form li {
	margin-left:0px;
	padding-left: 0px;
	padding: 2px;
}


.instrument-check{
	list-style:none;
	margin: 0px;
	padding: 0px;
	width: 390px;
	display: block;
	overflow: auto;
}


.instrument-check label {
	width: 95px;
	display: block;

}

.instrument-check li {
	float: left;
}


/* Search Results Page  */

.search-result {
	background: url(/images/greydiv-bg.jpg) repeat-x;
	padding: 10px;
	overflow: auto;
	margin-bottom: 2px;
	height: 80px;
	overflow: hidden;
}

.search-result:hover {
	background: url(/images/bluediv-bg.jpg) repeat-x;
}

#highlight {
	background: url(/images/orangediv-bg.jpg) repeat-x;
}

.search-result div {
	width: 240px;
	float: left;
	border-right: 1px solid #333333;
	margin-right: 10px;
}

.search-result div img {
	padding-right: 2px;
}

.search-result h1{
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 3px 0;
}

#userrating{
	float:right;
	width:100px;
	}

#stars-box {
	width: 90px;
	height: 40px;
	display: block;
	float: right;
	margin: 0;
	border: none;
}

/* Most Popular Box */

#most-popular{
overflow: visible;
text-align: center;
}

#most-popular div {
	float: left;
	width: 110px;
	height: 210px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	overflow: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	display: block;
	padding: 2px;
	font-weight: normal;
}

#most-popular img{
	text-align: center;
	border: 1px solid #666666;
}

/* Recommeded Box */

#recommended{
overflow: visible;
text-align: center;
}

#recommended div {
	float: left;
	width: 110px;
	height: 210px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	overflow: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	display: block;
	padding: 2px;
	font-weight: normal;
}

#recommended img{
	text-align: center;
	border: 1px solid #666666;
}

/*end recommended*/

.profile-songs {
	background: url(/images/greydiv-bg.jpg) repeat-x;
	padding: 5px;
	height: 45px;
	overflow: auto;
	margin-bottom: 2px;
}

.profile-songs .images {
margin-right: 10px;
float:left;
}


.profile-songs .images img{
margin-right: 2px;
}


/* Tabs for Songs/Techniques */

.tabholder {
	overflow: hidden;
}

#song-technique-tab a {
	display: block;
background: url(/images/tab-on.gif);
	width: 150px;
	height: 25px;
	text-align: center;
	padding-top: 10px;
	float:left;
}

#song-technique-tab a:hover {
background: url(/images/tab-off.gif);
}


#song-technique-tab .on {
background: url(/images/tab-over.gif);
}

#song-technique-tab .on:hover {
background: url(/images/tab-over.gif);
}

/* choose a plan  page */
.plan-option {
	width: 135px;
	height: 240px;
	float:left;
	padding: 10px;
	border: 1px solid #ccc;
	background:url(/images/orangediv-bg.jpg);
	margin-right: 4px;
	text-align: center;
	vertical-align: bottom;
}

.smalltext {
	font-size: x-small;
	text-align:center;
	
	}
	
	/* FREE COURSE SPECIAL OFFER PAGE */
div#fcSplashContainer{
	float:left;
	padding:30px 50px 30px 50px;
	/* [disabled]width:800px; */
}
div#fcSplashContainer h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:36px;
	font-weight:bold;
	color:#00407a;
	border:none;
	text-transform:uppercase;
}
div#fcSplashContainer h2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:24px;
}
div#fcSplashContainer p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	margin-bottom:18px;
}
div#fcSplashInfo{
	width:450px;
	float:left;
}
div#fcSplashInfo a img{
	border:none;
}
div#fcSplashProduct{
	float:right;
	width:267px;
}
div#fcSplashProduct img{
	margin-bottom:-20px;
}
div#fcSplashProduct h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:24px;
	margin-left:20px;
}
div#fcSplashProduct ul{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	list-style-position:inside;
	color:#00407a;
	margin:0 0 18px 20px;
	padding:0;
}
table#fcSplashCredbuilders{
	float:left;
}

/*Twitter like login box*/



#loginBox
{
	
	width:180px;
	border:solid 1px #5ea0c1;
	padding:8px;
	position:relative;
	display:none;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}

#loginBox a, #loginBox a:hover {
	color:#00376A;
display:inline;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;

padding-top:0px;
text-align:left;
text-decoration:underline;
width:126px;
background:none;
	}
	
	#tabnav li.headlink ul { display: none;
	position:relative;
	z-index:999; 
	padding:0px;
	margin:0px;
	}
	#tabnav li.headlink ul li a,#tabnav li.headlink ul li {
	background-color:#214c75;
	background-image:none;
	padding:0px;
	margin:0px;
	font-size:12px;
	vertical-align: middle;	
	color: #ffb400;	
	
	}
	
	
	
	#tabnav li.headlink ul li a:hover {
	background-color:#143861;
	background-image:none;
	padding:0px;
	margin:0px;
	font-size:12px;
	display: block;
	height: 34px;
	color: #ffb400;
	
	}
	#tabnav li.headlink:hover ul { display: block; }


#discountLoginBox {
	display: none;
	}
	
	
#LessonNotes {
	font-size: 14px;	
	}
	
.lessons {
	
	width:600px;
	float:left;
	}
	
/* Blog Navigation */
.page-navigation .nav-next { float: left; }
.page-navigation .nav-previous { float: right; }
.single-page-navigation .nav-next { float: right; }
.single-page-navigation .nav-previous { float: left; }

.widget li {
	list-style:none;
	display:block;
	}