/****************************************************
STYLE SHEET FOR /FREE/ COPYRIGHT MUSICNOTES, INC.
****************************************************/

#freepage { font-family: Tahoma, Arial, Sans-serif; padding: 0px;}
#freepage a, #freepage a:visited { color: #0E3145; }
#freepage h2 { margin: 0px; padding: 0px; color: #1F6C9A; border-bottom: 1px solid #1F6C9A; font-family: Arial, Sans-serif; font-size: 16px; }
#freepage h4 { padding:0px; margin: 5px 0 0 0; font-size: 13px; }
#freepage p { color: #0E3145; font-size: 11px; padding: 10px 5px; margin: 0px; }
#freepage span { color: #0E3145; font-size: 10px; padding: 5px; margin: 0px; display: block; }
#freepage td.icon { vertical-align: top; }
#freepage a:hover { text-decoration: none; }
.freeheader { height: 100px; width: 774px; background: url(../images/free_download.jpg) top left no-repeat; margin: 0 0 10px 0; padding: 0px; }
.freeheader img { padding: 0px; margin: 0px; }
.freemenu { text-align: center; margin: 0 0 10px 0; }
#freepage td.b4, #freepage td.soft, #freepage td.prev, #freepage td.more,#freepage td.manu { vertical-align: top; width: 50%; border: 1px solid #1A5E82; background: #EEE url(../images/free/halfbox_bg.jpg) top left repeat-x; margin: 5px; padding: 5px; }
#freepage p.b4 { font-size: 12px; }
.clear { clear:both; }
.freead { height: 90px; text-align: center; margin: 30px auto; }

#freepage div.thismonth { margin: 0 5px; background: #F3FDDF url(../images/free/freebox_bg.jpg) top left repeat-x; border: 1px solid #1A5E82; border-top-width: 1px; padding: 7px; }
#freepage div.thismonth h2 span { color: #547906; font-size: 16px; display: inline; }
#freepage .freesong-wrap { width: 99%; text-align: center; margin: 5px auto; }
#freepage .freesong-wrap h3, #freepage .freesong-wrap p { text-align: left; margin: 0px; padding: 0px; color: #111;}
#freepage .freesong-wrap h3 { font-size: 14px; margin-top: 15px; }
#freepage .freesong-wrap p { line-height: 180%; margin: 5px 0; }
#freepage .freesong-wrap h4 { color: #333; font-family: Tahoma, Arial, sans-serif; padding-bottom: 5px; }
#freepage .freesong-wrap ul { padding: 0px; margin: 20px 0px; }
#freepage .freesong-wrap ul li { list-style-type: none; background: url(../images/lilnotemn.gif) no-repeat; padding: 3px 0 6px 35px; font-size: 12px; }
#freepage .freesong-wrap ul li small { color: #333; font-style: italic; font-size: 11px; margin-top: 15px; }
#freepage td.song1, #freepage td.song2, #freepage td.songMac { vertical-align: top; width: 50%; }


.free-share { margin: 20px 0 0 275px; }.free-share a {  float: left; margin-left: 10px; } .free-share span { padding: 0px; }

#freepage div.subscribe { width: 732px; text-align: center; background: #EBFCC7 url(../images/free/exclaim_green.jpg) top left no-repeat; padding: 0 0 0 30px; border: 1px solid #86BF0B; border-bottom-width: 3px; margin: 5px 0 25px 0; }
*html #freepage div.subscribe { width: 764px; }
div.subscribe input.email { height: 20px; width: 200px; border: 1px solid #666; }
div.subscribe input.submit { height: 20px; width: 25px; border: 1px solid #666; font-size: 12px; font-weight: bold; margin: 0 5px; }
div.subscribe input:focus, div.subscribe input:hover { border-color: #86BF0B; }
#freepage div.subscribe span.emailnote { color: RED; font-size: 12px; padding: 5px; }

#freepage td.prev { border-color: #CFCFCF; }
#freepage td.prev h2 { color: #666; border-color: #666; }
#freepage td.prev p, #freepage td.more p { margin: 0px; padding: 0px; }
#freepage td.prev p { color: #666; }
#freepage td.prev p.details { padding: 10px 5px; }
#freepage td.prev a, #freepage td.prev a:visited, #freepage td.more a, #freepage td.more a:visited, #freepage td.manu a, #freepage td.manu a:visited { font-size: 13px; font-weight: bold; }
#freepage td.manu a, #freepage td.manu a:visited { font-weight: normal; }
#freepage td.prev a, #freepage td.prev a:visited { color: #666; }
#freepage td.prev span, #freepage td.more span { padding: 0px; margin-bottom: 10px; }
#freepage td.prev span { color: #777; }
#freepage td.more span.included { font-weight: bold; padding: 3px; margin-top: -7px; color: black; }

#freepage div.manu-wrap { margin: 20px 0 0 0; }

/* LES PAUL PROMO */
#freepage .LesPaul { font-family: Arial, Sans-serif; width: 100%; height: 175px; background: #000 url(../images/free/lespaul_bg.jpg) top left no-repeat; position: relative; margin: 20px 0; }
.LesPaul .lesP { position: absolute; top: 70px; left: 290px; width: 350px; }
#freepage .LesPaul p { font-size: 11px; color: #CCC; padding: 3px 0; margin: 0px; }
#freepage .LesPaul p a { color: #FFF; }
#freepage .LesPaul p.white { color: #FFF; font-size: 14px; }
.LesPaul .attr { position: absolute; left: 15px; bottom: 8px; margin: 0px; padding: 0px; font-size: 10px; color: #CCC; }
.LesPaul .attr a { color: #999!important; margin: 0px; padding: 0px; }
.LesPaul .lesDL { display: block; width: 130px; height: 83px; background: url(../images/free/lespaul_dl.jpg) no-repeat; position: absolute; bottom: 20px; right: 15px; }

/*New Free Page*/

p 
{
    padding: 0;
    margin: 0;
}

h1.free-banner
{
    display: block;
    margin: 0;
    height: 65px;
    background-color: #2A5B81;
    font: 13px Arial, san-serif;
    color: #fff;
    padding-left: 20px;
    line-height: 65px;
}

/*DROPDOWN INFORMATION MENU*/

.drop-down-menu
{
    display: block;
    font: bold 14px Arial, san-serif;
    color: #666;
    margin: 20px 0 0 40px;
    width: 694px;
    background-color: #f2f2f2;
    height: 31px;
    line-height: 31px;
    cursor: pointer;

}

.drop-down-title
{
    display: block;
    width: 600px;
    float: left;
    line-height: 31px;
    margin-left: 20px;
}

.drop-down-menu:hover
{
    background-color:#ccc;
}

.toggle-link
{
    text-decoration: none;
    color: #666;
}



.toggle-link:visited
{
    text-decoration: none;
    color: #666;
}


.expand-button
{
    display: block;
    float: right;
    width: 21px;
    height: 20px;
    background: url('/images/free/new_free/expand_button.png') 0 0 no-repeat;
    margin: 6px 20px 0 0;
    text-decoration: none;
}
/*END DROPDOWN INFO MENU*/

.free-image
{
    width: 694px;
    height: 182px;
    margin: 40px 0 0 40px;

}

.description-text
{
    display: block;
    float: left;
    width: 694px;
    margin: 20px 0 0 40px;
    font: italic 14px Arial, san-serif;
    color: #666;
}

#piano-vocal-box
{
    width: 674px;
    margin: 40px 0 0 40px;
    display: block;
    float: left;
    height: 65px;
    background-color: #E3E9EE;
    padding-left: 20px;
}

.piano-vocal-title{
display: block;
float: left;
width: 500px;
height: 65px;
margin-top: 13px;

}
.piano-title
{
    font: bold 18px Arial, san-serif;
    color: #666;
    line-height: 5px;
    margin-top: 5px;
}

.piano-subtitle
{
    font: italic 16px Arial, san-serif;
    color: #666;
    line-height: 5px;
    margin-top: 18px;
}

.piano-download
{
    display: block;
    float: right;
    width: 130px;
    height: 35px;
    background: url('/images/free/new_free/piano_download.png') 0 0 no-repeat;
    text-decoration: none;
    margin: 15px 20px 0 0;
}

.piano-download:hover
{
    background: url('/images/free/new_free/piano_download.png') 0 -35 no-repeat; 
}

.song-variations
{
    display: block;
    float: left;
    width: 337px;
    margin-left: 40px;

}

.song-variation-box
{
    display: block;
    float: left;
    width: 337px;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 0 25px 0;
}

.song-variation-title
{
    font: bold 13px Arial, san-serif;
    color: #666;
    margin-top: 15px;
}

.song-variation-subtitle
{
    font: italic 10px Arial, san-serif;
    color: #666;
}

.song-variation-pages
{
    font-style: normal;
}

.song-variation-text
{
    display: block;
    float: left;
    width: 230px;
    margin-left: 20px;
}

.variation-download-button
{
    display: block;
    float: left;
    height: 38px;
    width: 38px;
    background: url('/images/free/new_free/variation_download_button.png') 0 0 no-repeat;
    text-decoration: none;
    margin: 15px 0 0 30px;
}

.variation-download-button:hover
{
    background: url('/images/free/new_free/variation_download_button.png') 0 -38px no-repeat;
}

#variations-right
{

    margin-left: 20px;
   
}

#right-box
{
    margin-left: 20px;
}

.email-signup
{
    display: block;
    float: left;
    width: 694px;
    margin-left: 40px;
    background-color: #f2f2f2;
    height: 126px;
    text-align: center;
    font: bold 16px Arial, san-serif;
    color: #2A5B81;
    margin-top: 40px;
    padding-top: 10px;
}

.email-text
{
    display: block;
    float: right;
    text-align: left;
    width: 327px;
    font: italic 14px Arial, san-serif;
    color: #666;
    margin-top: 20px;
    padding-right: 10px;
}

#email-title
{
    display:block;
    float: left;
    width: 694px;
}

.email-input
{
   display: block;
    float: left;
    text-align: left;
    width: 300px;
    font: italic 14px Arial, san-serif;
    color: #666;
    margin-top: 6px;
    margin-left: 40px;
    padding-left: 10px;
    
} 

.email-input-box
{
    width: 327px;
    float: right;
    
}

.submit
{
    float: right;
    width: 80px;
    height: 20px;
    text-decoration: none;
    margin-top: 5px;
    background: url('/images/free/new_free/submit_button.png') 0 0 no-repeat;
    border: none;
    cursor: pointer;
}



#more-music
{
    margin-left: 20px;
    width: 537px;
}

#more-music-button
{
    margin-right: -2px;
}

#blank-music
{
    margin-left: 20px;
    width: 533px;
}

#blank-music-button
{
    margin-right: -2px;
}

.boxDiv
{
    display: block;
    height: 200px;
    margin: 20px 0 0 60px;
    
}


.link
{
   font: 14px Arial, san-serif;
   color: #A2AD00;
}

.link:visited 
{
    color: #A2AD00;
}

.hidden-text
{
    font: 14px Arial, san-serif;
    color: #666;

}

.mn-player-button
{
    display: block;
    float: left;
    width: 160px;
    height: 40px;
    background: url('/images/free/new_free/mn_player_button.png') 0 0 no-repeat;
    text-decoration: none;
    margin-top: 30px;
}

.mn-player-button:hover
{
   background: url('/images/free/new_free/mn_player_button.png') 0 -40 no-repeat;
} 

.adobe-player-button
{
    display: block;
    float: left;
    width: 160px;
    height: 40px;
    background: url('/images/free/new_free/adobe_player_button.png') 0 0 no-repeat;
    text-decoration: none;
    margin-top: 30px;
}

.adobe-player-button:hover
{
   text-decoration: none;
   background: url('/images/free/new_free/adobe_player_button.png') 0 -40 no-repeat;
} 

#bottom-drop-down
{
    margin-bottom: 20px;
}

.blank-music-columns
{
    display: block;
    float: left;
    width: 300px;
    margin-left: 60px;
    padding-bottom: 20px;
    text-align: left;
}

#right-column
{
    margin-left: 50px;
   
}

.manuscript-link
{
   font: 14px Arial, san-serif;
   color: #286090;
   line-height: 40px;
}

.manuscript-link:visited
{
   color: #666;
}

.manuscript-link:hover
{
   color: #002A42;
}

.on
{
    display: none;
}

.hiddenDiv
{
    display: block;
    width: 649px;
    margin-top: 40px;
}

.more-stuff
{
    display: block;
    float: left;
    font: bold 14px Arial, san-serif;
    color: #2A5B81;
    margin: 40px 0 20px 40px;
    width: 674px;
    height: 31px;
    line-height: 31px;
    padding: 0 0 0 20px;
    border-bottom: 1px solid #666;
}

.internal-links
{
    display: block;
    float: left;
    margin: 20px 0 20px 40px;
    clear: both;
}

.individual-internal
{
    display: block;
    float: left;
    width: 175px;
    text-align: center;
    border-right: 1px solid #666;
}

.individual-internal a
{
    
    font: 10px Arial, sans-serif;
    color: #666;
    text-decoration: none;
}

.individual-internal a:visited
{
    color: #666;
}

.individual-internal a:hover
{
   color: #A2AD00;
}

#individual-internal-right
{
    border: none;
}

.more-stuff-title
{
    width: 600px;
}

.top-link
{
    display: block;
    float: right;
    width: 40px;
    margin-top: -30px;
}

.top-link-font
{
    font: 10px Arial, sans-serif;
    color: #666;
}

.top-link-font:visited
{
    color: #666;
}

.top-link-font:hover
{
   color: #A2AD00;
}

.error-message-off
{
    display: none;
}

.error-message-on
{
    display: block;
    float: left;
    width: 774px;
    height: 100px;
}

#social-share
{
    display: block;
    float: right;
    margin: 10px 40px 0 0;
}

.social-spacing
{
    display: block;
    float: left;
    padding-left: 20px;
}

/*MUSICNOTES GEAR*/
.gift-item
{
	display: block;
	float: left;
	margin: 0 20px 0 20px;
}

	.gift-item h4
	{
		margin: 10px 0 10px 35px;
		font: bold 14px Arial,sans-serif;
		color: #666;
		width: 150px;
	}
	.gift-item span
	{
		margin: 10px 0 0 42px;
		font: 12px Arial,sans-serif;
		color: #666;
	}
	.gift-item span.sale
	{
		margin-left: 10px;
		padding: 3px 5px;
		background-color: #99cc33;
		color: #fff;
		border-radius: 3px;
	}

.next-row
{
	margin-top: 40px;
}

.one
{
	margin-left: 40px;
}

.third
{
	margin-right: 0;
}

.gift-item ul li
{
	list-style: none;
	padding: 3px 0;
}

.bottom-spacing
{
	margin-bottom: 60px;
}


/* Temporary button hacks until page is redone in modern bootstrap*/
.custom-btn { line-height: 22px; font: 14px normal Arial, Sans-serif; color: #FFF!important; background: #337ab7; border: 1px solid #2e6da4; padding: 7px 10px; float: right; display: block; border-radius: 4px; margin: 12px 5px 0 0; }
.custom-btn:hover {background: #286090;}
.custom-btn:active {background: #337ab7;}
.custom-btn i { font-size: 14px; margin: 0px ; }
.custom-btn.wide { padding: 10px 25px; margin: 12px 15px 0 0; }
.custom-btn.wide:hover {}