/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #003366;
 line-height: 1.5em; 
}

body.mceContentBody {
  background: #fff;
}

a img {
	border: none;
	margin: 0;
	padding: 0;
}
	
tr.even {
	background-color: #F0F0F0;
}

tr.odd {
	background-color: #F9F9F9;
}

th {
	font-size: 10px;
}


ul, ol {
	margin-top: 10px;
	margin-left: 10px;
}

li {
	margin: 0 0 0 20px;
}

.table
	{
	width: 100%;
	border-collapse: collapse;
	}
.table td
	{
	padding: 5px 10px;
	}  
.table th
	{
	padding: 5px 10px;
	} 
.inactive { opacity: .50; background: url(../images/inactive.png);}	
.pending { opacity: .50; background: url(../images/pending.png);}	
#wrapper { 
 margin: 0 auto;
 width: 922px;
 background: #fff;
}

#message {
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 14px;
}

#message a {
 color: #FFF;
}
#error {
	width: 100%;
	padding: 0 20px;
	background: #990000;
}
#error p {
	padding: 10px;
}
#error li {
	margin-left: 20px;
}
#success {
	padding: 0 20px;
	background: #669900;
}
#success p {
	padding: 10px;
}

#popup {
	margin: 20px auto;
	padding: 20px;
	width: 80%;
	background: #FFF;
}


#faux {
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;

}
#header {
 color: #333;
 width: 902px;
 padding: 10px 10px 0 10px;
 height: 220px;
 margin: 10px 10px 0 0;
 background: #FFF;
 background-position: bottom left;
 background-image:url(../images/white_guitar_top.jpg);
 background-repeat: no-repeat;
}

#leftcolumn { 
 display: inline;
 min-height: 900px;	
 color: #333;
 margin: 0;
 padding: 0px;
 width: 328px;
 float: left;
 background-image:url(../images/white_guitar_bottom.jpg);
 background-repeat: no-repeat;
}

#nav {
	padding-bottom: 0.5em;
	z-index:1; 
	color: #111111;
	}
#navcontainer {
	float: right;
	padding: 0;
	margin-top: 15px;
	text-align: left;
	
}
#navcontainer li {
	list-style-type: none;
	margin: 0;
	line-height: 1em;
	
}
#navlist li
{
display: block;
padding: 10px 0 10px 30px;
margin-bottom: 10px;
/* for IE5 and IE6 */
}

#navlist
{
/* to display the list horizontaly */
margin: 0 0 0 10px;
border: none;

 }
 
#navlist p
{
text-transform: none;
margin-left: 1em;
font-size: 10px;
font-weight: normal;
color: 111111;
}

#navlist a
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
text-align: left;
margin-bottom: 10px;
padding: 0 0 10px 30px;
}
 
#navlist a:hover 
	{ 
	padding-left: 30px;
	margin-bottom: 10px;
	background-image:url(../images/menu/menu_pointer.png);
	background-repeat: no-repeat;
	}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 10px 10px 0 10px;
 padding-right: 0px;
 width: 550px;
 display: inline;
 position: relative;
 z-index: 2;
 padding-bottom: 30px;
}
#rightcolumn h1 {
	font-size:16px;
	color: #2e3192;
	font-weight: bold;
	letter-spacing: 0.1em;
	z-index:3;
	margin-bottom: 10px;
	}
#rightcolumn h2 {
	font-size:16px;
	color: #2e3192;
	font-weight: bold;
	letter-spacing: 0.1em;
	z-index:3;
	margin-bottom: 10px;
	}
	
#rightcolumn h3 {
	font-size:14px;
	color: #2e3192;
	font-weight: bold;
	letter-spacing: 0.1em;
	z-index:3;
	margin-top: 20px;
	}

#rightcolumn a {
	color: #2e3192;
}

#rightcolumn p {
	margin: 10px 0;
}

#rightcolumn .about_box
		{
		float: left;
		margin-left: 10px;
		margin-bottom: 10px;
		}
		
#rightcolumn .faq
	{
	border: 1px solid #ccc;
	margin: 0;
	background: #F1F1F1;
	width: 550px;
	margin: 10px 0;
	}

#rightcolumn .faq a
	{
	display: block;
	color: #111111;
	text-decoration: none;
	}
#rightcolumn .question
	{
	width: 530px;
	padding: 5px;
	}
#rightcolumn .answer
	{
	width: 530px;
	padding: 10px;
	background: #FFF;
	color: #111111;
	}
#rightcolumn .answer a
	{
	display: inline;
	color: #2e3192;
	}	
#logout
	{
	float: left;
	margin-left: 350px;
	font-size:0.8em;
	color: #111111;
	}

th {
	text-align: left;
}
#login {
	margin-left: 100px;
}

#menu ul {
	margin:0px; 
	padding-top:20px;
	padding-bottom: 28px;
	padding-left: 0px;
	}

#menu li {
	float:left;
	list-style-type:none;
	width:120px;
	height:25px;
	text-align:center;
	padding-top:0px;
	margin: 0px;
	background: #ccc;
}


#menu a {
	line-height:25px;
	margin-bottom: -3px;
	display: block;
	height:25px;
	font-size:11px;
	color:#edeaea;
	font-weight:normal;
	text-decoration:none;
}

#menu a:hover {
	background: #8cc63f;
	font-size:11px;
	color:#fff;
	font-weight: normal;
	text-decoration:none;
}

#menu li.active {
	background: #8cc63f;
	font-size:11px;
	color:#fff;
	font-weight: normal;
	text-decoration:none;
}
#menu li.active a {
	color:#fff;
	}

#sow {
	padding: 10px;
	margin: 10px;
	line-height: 20px;
	background: #F1F1F1;
	font-size: 11px;
}
.disclaimer {
	font-size: 11px;
	line-height: 11px;	
}

.testimonial
	{
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #ccc;
	}
	
a.rollover_green_checkmark { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 22px; /* width of reactive image */
     height: 22px; /* height of reactive image */
     background-image: url(https://www.rocknfunmusic.com/images/icons/lesson_received.png); /* source for start image */
     background-repeat: no-repeat;
}
	 
a.rollover_green_checkmark:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(https://www.rocknfunmusic.com/images/icons/lesson_received_selected.png); /* source for target image */
} 

a.rollover_red_x { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 22px; /* width of reactive image */
     height: 22px; /* height of reactive image */
     background-image: url(https://www.rocknfunmusic.com/images/icons/lesson_not_received.png); /* source for start image */
     background-repeat: no-repeat;
}
	 
a.rollover_red_x:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(https://www.rocknfunmusic.com/images/icons/lesson_not_received_selected.png); /* source for target image */
} 
     
         
p.tooltip { 
	margin-top: -2px;
 	margin-bottom: -2px;
}
 
p.tooltip a {z-index: 3;}

a.tooltip {position: relative;}

a.tooltip span {
	display: none;
}
	
a.tooltip:hover span {
  display: block;
  position: absolute;
  top: -15px;
  left: -270px;
  padding: 5px;
  font-size: 1em;
  font-weight: normal;
  background: #003399;
  width: 250px;
  color: #fff;
  opacity: 0.95;
}


p.pay_rates { 
	margin-top: -2px;
 	margin-bottom: -2px;
 	}
h2.pay_rates {
	font-size: 14px;
} 
p.pay_rates a {z-index: 3;}

a.pay_rates {position: relative;}

a.pay_rates span {
	display: none;
}
	
a.pay_rates:hover span {
  display: block;
  position: fixed;
  top: 10px;
  left: 350px;
  padding: 5px;
  font-size: 1em;
  font-weight: normal;
  background: #003399;
  width: 400px;
  color: #fff;
  opacity: 0.95;
  line-height: 10px;
  border: 1px solid #FFF;
}

.check {
	background: #F1F1F1;
	width: 500px;
	margin: 10px 0 10px 30px;
	padding: 10px;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-top: 1px dotted #ccc;
	border-left: 1px solid #ccc;
}

.product {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	border: 1px solid #ccc;
}
.product_image {
	float: left;
	width: 200px;
	padding: 10px;
	text-align: center;
}
.product_image a {
 text-decoration: none;
}
.product_info {
	float: left;
	width: 300px;
	padding: 5px;
}
.product table {
	width: 300px;
}	

.resource {
 float: left;
 width: 520px;
 margin: 10px 0;
 padding: 10px;
 border: 1px solid #ccc;
 background: #f1f1f1;
}
.resource_link {
 float: right;
}
.click_to_buy {
 font-size: 11px;
 text-align: center;
} 
  	
#footer { 
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 width: 902px;
 clear: both;
 color: #FFF;
 background: #FFF;
 padding: 10px;
 color: #111111;
 font-size: 10px; 
 line-height: 2.5em;
}
#footer a {
color: #111111;
text-decoration: underline;
border none;
padding: 0.5em;
font-weight: normal;
}
#footer a:hover {
color: #111111;
text-decoration: underline;
}
.clear { clear: both; background: none; }

#calendar {
  font-family: verdana,arial,sans-serif;
  font-size:0.85em;
  position: absolute;
  margin-top:20px;
}


	.CALENDARcpYearNavigation,
	.CALENDARcpMonthNavigation
			{
			background-color:#FFFFFF;
			text-align:center;
			vertical-align:center;
			text-decoration:none;
			color:#111111;
			font-weight:bold;
			}
	.CALENDARcpDayColumnHeader,
	.CALENDARcpYearNavigation,
	.CALENDARcpMonthNavigation,
	.CALENDARcpCurrentMonthDate,
	.CALENDARcpCurrentMonthDateDisabled,
	.CALENDARcpOtherMonthDate,
	.CALENDARcpOtherMonthDateDisabled,
	.CALENDARcpCurrentDate,
	.CALENDARcpCurrentDateDisabled,
	.CALENDARcpTodayText,
	.CALENDARcpTodayTextDisabled,
	.CALENDARcpText
			{
			font-family:arial;
			font-size:0.95em;
			}
	TD.CALENDARcpDayColumnHeader
			{
			text-align:right;
			border-width:0 0 1 0;
			}
	.CALENDARcpCurrentMonthDate,
	.CALENDARcpOtherMonthDate,
	.CALENDARcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.CALENDARcpCurrentMonthDateDisabled,
	.CALENDARcpOtherMonthDateDisabled,
	.CALENDARcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.CALENDARcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			background-color: #FFFFFF;
			}
	.CALENDARcpCurrentDate
			{
			color: #111111;
			font-weight:bold;
			}
	.CALENDARcpOtherMonthDate
			{
			color:#808080;
			background-color: #FFFFFF;
			}
				
			
	TD.CALENDARcpCurrentDate
			{
			color:#111111;
			background-color: #666;
			border-width:1;
			border:solid thin #999;
			}
	TD.CALENDARcpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.CALENDARcpTodayText,
	TD.CALENDARcpTodayTextDisabled
			{
			border-width:1 0 0 0;
			}
	A.CALENDARcpTodayText,
	SPAN.CALENDARcpTodayTextDisabled
			{
			height:20px;
			}
	A.CALENDARcpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.CALENDARcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.CALENDARcpBorder
			{
			border:solid thin #6677DD;
			}