/* 

COLORS USED:

#333333 - dark grey
#f6f6f6 - light background
#b1e9db - light blue
#50787b - medium blue grey

*/


body {
	background-color:#f6f6f6;
	background-image:url('../images/bg.png');
	background-repeat:repeat-x;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:12px;
	color:#333333;
	margin:0;
	padding:0;
	text-align:center;
}

#wrapper {
	margin:auto;
	width:872px;
	background-image:url('../images/wrapper_bg.png');
	background-repeat:repeat-y;
	text-align:left;
	min-height:400px;
}

#header {
	height:111px;
}

.logo {
	margin:37px 0 0 45px;
}

#nav {
	height:33px;
	margin:0 11px 8px 11px;
}

#nav a,
#nav a:link,
#nav a:visited
{
	height:33px;
	line-height:33px;
	vertical-align:middle;
	color:#f6f6f6;
	text-decoration:none;
	margin:0;
	padding:0 20px;
	float:left;
	display:block;
	background-image:url('../images/nav_divider.png');
	background-repeat:repeat-y;
	background-position:top right;
}

#nav a:hover,
#nav a:active
{
	color:#b1e9db;
}

#content {
	padding:30px 40px 30px 40px;
}

.mainColumn {
	width:370px;
	float:left;
}

.sidebar {
	width:400px;
	float:right;
}

.mainColumnHome {
	width:290px;
	float:left;
}

.sidebarHome {
	width:480px;
	float:right;
}

.fullColumn {
	width:auto;
}

#footer_wrapper {
	width:872px;
	margin:auto;
	background-image:url('../images/footer_bg.png');
	background-repeat:repeat-y;
	background-position:bottom left;
	padding-bottom:17px;
}

#footer {
	background:#333;
	margin:0 17px;
	padding:18px;
	color:#fff;
}

#footer a,
#footer a:link,
#footer a:visited
{
	color:#fff;
	text-decoration:none;
	margin:0 15px;
}

#footer a:hover,
#footer a:active
{
	color:#b1e9db;
}

.clear {
	clear:both;
}

a,
a:link,
a:visited
{
	color:#0033ff;
	text-decoration:none;
}

a:hover,
a:active
{
	color:#1b6af9;
}

p {
	margin:0 0 17px 0;
}

p.list {
	height:30px;
	line-height:15px;
	padding-left:30px;
	margin-bottom:15px;
	background-repeat:no-repeat;
}

.heading {
	font-size:17px;
	display:block;
	margin-bottom:17px;
	color:#50787b;
	padding:0;
}

.button {
	border:none;
	background:none;
	padding:0;
	margin:0;
	width:auto;
	overflow:visible;					
	text-align:center;	
	white-space:nowrap;	
	height:43px;
	line-height:43px;
	float:left;
	margin-right:8px;
	cursor:pointer;
}
	
.button span, .button em {
	display:block;
	height:43px;
	line-height:43px;
	vertical-align:middle;
	margin:0;
	font-size:15px;
}
	
.button span {
	padding-left:25px;
	background:url('../images/button.png') no-repeat 0 0;
}

.button em {
	font-style:normal;
	padding-right:25px;
	background:url('../images/button.png') no-repeat 100% 0;
}

a.button,
a:link.button,
a:visited.button,
a:hover.button,
a:active.button 
{
	color:#333;
}

.box_button {
	margin-left:117px;
}

.box_button span {
	background:url('../images/box_button.png') no-repeat 0 0;
}

.box_button em {
	background:url('../images/box_button.png') no-repeat 100% 0;
}

.box {
	padding:20px 24px 0 24px;
	background:#b1e9db;
	line-height:24px;
	vertical-align:middle;
	background-image:url('../images/box_top.gif');
	background-repeat:no-repeat;
}

.forgotpw {
margin-left:120px;

}

.box_bottom {
	display:block;
}

.playButton {
	display:block;
	float:left;
	margin:2px 6px 2px 0;
}

.previewbutton {
	margin:0px 6px -5px 0;
}

.box .hr {
	margin: 5px 0;
	height:1px;
	border-bottom:solid 1px #78bbaa;
	padding:0;
}

.faq {
	font-weight:bold;
	margin-bottom:12px;
}

.input_label {
	display:block;
	float:left;
	margin-bottom:10px;
	width:120px;
}

.signup_input {
	width:200px;
	border:solid 1px #bbb;
	margin-bottom:10px;
}

.form_button {
	margin-left:117px;
	margin-top:10px;
}

.subnav {
	margin-bottom:24px;
	padding-bottom:8px;
	border-bottom:solid 1px #ccc;
}

a.subnavButton,
a:link.subnavButton,
a:visited.subnavButton
{
	padding:5px 10px;
	display:block;
	float:left;
	margin-right:5px;
	background:#eee;
	border:solid 1px #ccc;
	text-decoration:none;
	color:#333;
}

a:hover.subnavButton,
a:active.subnavButton
{
	background:#b1e9db;
	border:solid 1px #999;
}

a.subnavButtonSelected,
a:link.subnavButtonSelected,
a:visited.subnavButtonSelected,
a:hover.subnavButtonSelected,
a:active.subnavButtonSelected
{
	background:#ccc;
	font-weight:bold;
	border:solid 1px #999;
}

.songStatusCompleted {
	font-style:italic;
}

.songStatusActive {
	font-style:italic;
	font-weight:bold;
}

table.songs th {
	font-weight:bold;
	color:#333;
	background-color:#ccc;
	background-image:url('../images/th_bg.png');
	background-repeat:repeat-x;
	padding:5px;
}

table.songs td {
	border-bottom:solid 1px #ccc;
	padding:5px;
}

.productionNote {
	border:solid 1px #ccc;
	padding:10px;
	background:#fff;
}

.song_input {
	width:150px;
	border:solid 1px #bbb;
	margin-bottom:10px;
}

.song_dropdown {
	margin-bottom:10px;
}

textarea {
	border:solid 1px #bbb;
}

.contact_input {
	width:250px;
	border:solid 1px #bbb;
	margin-bottom:10px;
}

.contact_textarea {
	width:250px;
	height:150px;
}

.testimonial {
	width:788px;
	margin:auto;
	background-image:url('../images/testimonial_bg.png');
	background-repeat:no-repeat;
}

.testimonial_ftr {
	width:788px;
	height:30px;
	margin:auto;
	background-image:url('../images/testimonial_ftr.png');
	background-repeat:no-repeat;
	margin-bottom:25px;
}

.testimonial_text {
	font-size:16px;
	padding:25px;
	margin:0;
}

.testimonial_credit {
	color:#50787b;
	font-size:16px;
	text-align:right;
	padding:0 25px;
	margin:0;
}

.addNote {
	width:790px;
}