/* 1CN SheetMusic CSS Stylesheet */
html, body {
  height: 100%; /* Required */
}
body
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 12px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif, Verdana;
    vertical-align: top;
    background-image: url(/SheetMusic/_images/bg_grad.jpg);
    background-repeat: repeat-x;
    background-color: #000;
    behavior: url( "css/csshover.htc" );
}
#container-page {
  margin: 0 auto;
  width: 800px;
  background-color:#fff;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}
#container-head {
  background: #000;
}
#pageTitle
{
    background-color: #000;    
    background-repeat:no-repeat;
    height:66px;
}
#container-content
{
    background-color: #ffffff;  
}
#container-foot {
  width:100%;
  text-align:center;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 20px;
}
.copyright
{
    padding: 0 1em;
    line-height: 20px;
    font-weight: bold;
    font-size: 10pt;
    color: #ffffff;
    background-color:#000;
    text-align: center;
}
table
{
    padding: 0;
    border-spacing: 0;
    border: 0;
    width: 100%;
}
.cartText
{
	font-size: 12px;
	color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.cartHeaderLink
{
	font-size: 12px;
	color: red;
	text-decoration: underline;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.stHeader
{
	font-weight: bold;
	font-size: 12px;
	color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #005c00;
}
.stText
{
	font-size: 12px;
	color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.stLink
{
	font-size: 12px;
	color: blue;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: underline;
}
.stLink14
{
	font-weight: bold;
	font-size: 14px;
	color: blue;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: underline;
}
.orderedList
{
	list-style-position: outside;
	font-size: 12px;
	color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	list-style-type: decimal;
}
.stText18
{
	font-weight: bold;
	font-size: 18px;
	color: #005c00;
	font-family: Arial, Helvetica, Verdana, sans-serif;	
}
.stHeader18
{
	font-weight: bold;
	font-size: 18px;
	color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #3399ff;
}
a{	color: blue;	text-decoration: underline;}

a.stHeader:link {	color: white;	text-decoration: underline;}
a.stHeader:visited {	color: white;	text-decoration: underline;}
a.stHeader:hover {	color: white;	text-decoration: underline;}

A.dgLink:link {FONT-WEIGHT:bold; FONT-SIZE: 12px; COLOR: #0000CC; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }
A.dgLink:visited {FONT-WEIGHT:bold; FONT-SIZE: 12px; COLOR: #0000CC; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }
A.dgLink:hover {FONT-WEIGHT:bold; FONT-SIZE: 12px; COLOR: #0000CC; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration:underline}

A.dgLink14:link {FONT-WEIGHT:bold; FONT-SIZE: 14px; COLOR: #0000CC; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }
A.dgLink14:visited {FONT-WEIGHT:bold; FONT-SIZE: 14px; COLOR: #0000CC; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }
A.dgLink14:hover {FONT-WEIGHT:bold; FONT-SIZE: 14px; COLOR: #0000CC; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration:underline}


.smallwhite{	
	font-size: 10px;
	color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.smallblack{	
	font-size: 10px;
	color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.smallblue{	
	font-size: 10px;
	color: blue;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.stInfo {	
	font-size: 12px;
	color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.bodytextred
{
	font-weight: normal;
	font-size: 12px;
	color: red;
	text-decoration: none;
}
.blueText
{
	font-weight: normal;
	font-size: 12px;
	color: blue;
	text-decoration: none;
}
.blueTextBold
{
	font-weight: bold;
	font-size: 12px;
	color: blue;
	text-decoration: none;
}
.blackTextBold
{
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-decoration: none;
}
.bodytext
{
	font-weight: normal;
	font-size: 12px;
	color: blue;
	text-decoration: none;
}
.bodytext10
{
	font-weight: normal;
	font-size: 10px;
	color: blue;
	text-decoration: none;
}
.bodytextright
{
	font-weight: normal;
	font-size: 12px;
	color: blue;
	text-align: right;	
	text-decoration: none;
}
.bodytextblack
{
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-decoration: none;
}
.blueTextright
{
	font-weight: normal;
	font-size: 12px;
	color: blue;
	text-align: right;
	text-decoration: none;
}
.blueText10
{
	font-weight: bold;
	font-size: 10px;
	color: blue;
	font-family: verdana,arial;
	text-decoration: none;
}
.tableBlueOutline
{
	border-right: blue thin solid;
	border-top: blue thin solid;
	border-left: blue thin solid;
	border-bottom: blue thin solid;
}
.dgHeaderStyle
{
	font-weight: bold;
	font-size: 12px;
	color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #3399ff;
	text-align: left;
	text-decoration: none;
}
a.dgHeaderStyle:link {FONT-WEIGHT: bold; FONT-SIZE: 12px; text-align: left; background-color:#3399ff; COLOR: #ffffff; FONT-FAMILY: verdana,arial; TEXT-DECORATION: none}
a.dgHeaderStyle:visited {FONT-WEIGHT: bold; FONT-SIZE: 12px; text-align: left; background-color:#3399ff; COLOR: #ffffff; FONT-FAMILY: verdana,arial; TEXT-DECORATION: none}
a.dgHeaderStyle:hover {FONT-WEIGHT: bold; FONT-SIZE: 12px; text-align: left; background-color:#3399ff; COLOR: #ffffff; FONT-FAMILY: verdana,arial; TEXT-DECORATION: underline}

.dgFooterStyle {FONT-WEIGHT: bold; FONT-SIZE: 12px; text-align: left; background-color:#ffffff; COLOR: #000000; FONT-FAMILY: verdana,arial; TEXT-DECORATION: none}

.dgItemStyle {FONT-WEIGHT: bold; FONT-SIZE: 12px; text-align: left; background-color:#ffffff; COLOR: #1764ce; FONT-FAMILY: verdana,arial; TEXT-DECORATION: none}
.dgAltItemStyle {FONT-WEIGHT: bold; FONT-SIZE: 12px; text-align: left; background-color:#d5fde2; COLOR: #1764ce; FONT-FAMILY: verdana,arial; TEXT-DECORATION: none}
.plaintextnormal{font-weight:normal; font-size: 12px; font-family: verdana, arial; color: #000000}
.plaintextbold{font-weight:bold; font-size: 12px; font-family: verdana, arial; color: #000000}
.site_lite {	background-color: #ffffff}
.site_dark {background-color: #1764ce}
.site_lblue {	background-color: #d5e2fd}
.site_lgreen {	background-color: #d5fde2}

.firefox_help_title
{
	font-size: 14pt;
	color: blue;
	font-weight: bold;
	font-family: Arial;
	text-align: center;
}		
.firefox_help
{
	font-size: 10pt;
	color: black;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
}		

/* Toolbar Styles */
#navcontainer
{
    height: 25px;
    position: relative;
    z-index: 3;
    text-align: center;
}
#navcontainer #current {}
#navcontainer #current:hover {}
#navcontainer .currentAncestor {}

/* Parent - Level 0 */
#navcontainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 5;
}
#navcontainer li {
	position: relative;
	display: inline;
	float: left;
}
#navcontainer a
{
    display: block;
    float: left;
    padding: 5px 20px 5px;
    text-decoration: none;
    color: white;
}
#navcontainer a:hover
{
    background: #498a46;
    text-decoration: underline;
}
#navcontainer a:active {}

/* Child - Level 1 */
/* All browsers will use this code, it will make the pop out menus work */
#navcontainer ul ul
{
    position: absolute;
    top: 25px;
    left: 0px;
    right: 0;
    display: none;
    z-index: 6;
    font-size: 0.9em;
    background-color: #005c00;
    border-left: 3px solid #498a46;
    border-bottom: 3px solid #005000;
    border-right: 3px solid #005000;
    width: 150px;
}
#navcontainer ul ul li {
	display: block;
}
#navcontainer ul ul a
{
    display: block;
    color: white;
}
#navcontainer ul ul a:hover {}
#navcontainer ul ul #current{}


/* Child Level 3 */
#navcontainer ul ul ul {
	position: absolute;
	left: 110px;
	top: 0;
	font-size: 1em;
}
#navcontainer ul ul ul ul li { }
#navcontainer ul ul ul ul a{}
#navcontainer ul ul ul ul a:hover{}
div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul{
display:none;
}
div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul{
display:block;
}
/* @end */

#navcontainer #bottomBar {
	border-top-color: white;
	background-color: #3399ff;
}
.printerWidth
{
    width: 6.5in;
}