/* CSS Document */

/* ===== Main Page ===== */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #929292;
	background-color: #000000;
}
hr {
	border: 1px dotted;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	height: 0px;
	width: 100%;
	border-color: #555555;
	margin-bottom: 15px;
}
h1 {
	font-weight: normal;
	color: #7F233F;
}
h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #7F9351;
}

ul{margin:0;padding:0;}

li{padding:0;list-style-type:none;margin:0;}

.cost {
	font-weight:normal;
	color:#00CC66;
	font-size: 14px;
}


.menoshow {display:none;}

.errorMsg {
	display:block;
	float:left;
	margin:-19px 0 0 125px;
	color:#0CF;
}

/* INFO PAGE TABS */
.parts {
	padding: 0 0 0 20px;
	font-weight:normal;
	color: #7F9351;
	font-size:13px;
}

.parts_p {
	padding: 0 0 0 20px;
}

/* BIO PAGE TABS */
.bio_tab {
	padding: 0 0 0 0px;
	font-weight:normal;
	color:#666633;
	font-size:13px;
}

.bio_tab_p {
	padding: 0 0 0 20px;
}


h1,h2,h3,h4 {
	font-family: Arial, Helvetica, sans-serif;
}
h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 17px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 13px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 11px;
}

/* ===== Layout Divs ===== */

#container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px; 
}

#header_container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px; 
	background-image: url(../images/bk_header.jpg);
}

#header {
	margin: 0px;
	padding: 0px;
}

#header_logo {
	margin: 0px auto 0px auto;
	padding: 10px 0px 20px 0px;
	padding-bottom: 17px;
	width: 760px;
}

#header_slogan {
	margin: 0px auto 0px auto;
	padding: 0px 0px 16px 0px;
	width: 760px;
}

#content {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/bk_content.jpg);
	background-repeat: repeat-x;
}
#content_text {
	margin: 0px auto 0px auto;
	padding: 20px 20px 20px 20px;
	width: 760px;
}
#content_info_container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 40px 0px;
	width: 760px;
}
#content_info_main {
	margin: 0px;
	padding: 0px;
	padding-right: 30px;
	width: 476px;
	float: left;
	border: 1px solid;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #262626;
}

#content_info_side {
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
	width: 223px;
	float: left;
}

/* Main Nav */

#nav {
	margin: 0px auto 0px auto;
	padding: 15px 0px 30px 0px;
	background-color: #0A0909;
	border: 1px solid;
	border-left-width: 0px;
	border-right-width: 0px;
	height: 0px;
	width: 100%;
	border-color: #1D1919;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#nav_links {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 760px;
	text-align: right;
}


#navcontainer ul {
	list-style-type: none;
}

#navcontainer ul li {
	display: block;
	float: right;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#navcontainer ul li a {
	padding: 0px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	color: #546037;
	text-decoration: none;
	display: block;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#navcontainer ul li a:hover {
	color: #CCEF7F;
}

#navcontainer a.current, #navcontainer a:hover.current{color:#CCEF7F;}


.nav_space {
	padding-left: 20px;
}

.nav_space {
	padding-left: 20px;
	color:#FFFFFF;
}


/* Footer - Info Divs */

#footer_pronunciation {
	margin: 0px auto 0px auto;
	padding: 20px 0px 35px 0px;
	background-color: #0A0909;
	border: 1px solid;
	border-left-width: 0px;
	border-right-width: 0px;
	height: 0px;
	width: 100%;
	border-color: #1D1919;
	clear: both;
}
#pronunciation {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 760px;
}

#footer_container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px; 
	background-image: url(../images/bk_footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#footer_info_container {
	margin: 0px auto 0px auto;
	padding: 5px 0px 40px 0px;
	width: 760px;
}
#footer_info1 {
	margin: 0px;
	padding: 0px;
	padding-right: 30px;
	width: 223px;
	float: left;
	border: 1px solid;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #262626;
	font-size: 11px;
}
#footer_info2 {
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
	padding-right: 30px;
	width: 192px;
	float: left;
	border: 1px solid;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-color: #262626;
	font-size: 11px;
}
#footer_info3 {
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
	width: 223px;
	float: left;
	font-size: 11px;
}



#footer {
	margin: 0px auto 0px auto;
	padding: 20px;
	width: 760px;
	font-size: 10px;
	color: #666666;
	clear: both;
}


/* Layout Styles */

.header {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px; 
	border: 1px solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-color: #FFFFFF;
}
.header_logo {
	margin: 0px;
	padding: 0px;
	float: left;
}
.header_nav {
	margin: 0px;
	padding: 0px;
	padding-top: 50px;
	float: right;
}


.footer_nav {
	font-size: 11px;
}

.small {
	font-size: 10px;
}

.img_portfolio {
	border: 1px;
	border-color: #000000;
	border-style: solid;
}

.content_left {
	margin: 0px;
	padding: 0px;
	float: left;
}
.content_right {
	margin: 0px;
	padding: 0px;
	float: right;
}
.content_main {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.content_intro {
	font-size: 13px;
}

/* Navigation */

a:link {
	text-decoration: none;
	color: #7F9351;
}
a:visited {
	text-decoration: none;
	color: #7F9351;
}
a:hover {
	text-decoration: underline;
	color: #CCEF7F;
}
a:active {
	text-decoration: none;
	color: #7F9351;
}

a.title:link {
	text-decoration: none;
	color: #7F9351;
}
a.title:visited {
	text-decoration: none;
	color: #7F9351;
}
a.title:hover {
	text-decoration: underline;
	color: #CCEF7F;
}
a.title:active {
	text-decoration: underline;
	color: #7F9351;
}

a.footer_nav:link {
	text-decoration: none;
	color: #546037;
}
a.footer_nav:visited {
	text-decoration: none;
	color: #546037;
}
a.footer_nav:hover {
	text-decoration: underline;
	color: #CCEF7F;
}
a.footer_nav:active {
	text-decoration: none;
	color: #CCEF7F;
}

a.footer:link {
	text-decoration: none;
	color: #999999;
}
a.footer:visited {
	text-decoration: none;
	color: #999999;
}
a.footer:hover {
	text-decoration: underline;
	color: #999999;
}
a.footer:active {
	text-decoration: underline;
	color: #999999;
}


/* songs page */
table.tracks thead tr th {background:#A7D1E8}
table.tracks td.center {text-align:center;}
table.tracks td.right {text-align:right;}
table.tracks .arranger {font-size:11px;font-weight:normal; color:#333;}
table.tracks .socStockNO {margin-left:3px;background:none; border: 0; font-size:11px;font-weight:normal; color:#aaa; cursor:not-allowed;}
table.tracks thead tr .headerSortDown {background:#67A7D5 url(blue/asc.gif) no-repeat center right;}	

div.searchBox {float:right;margin-bottom:3px;}
div.searchBox .textField {color:#666;line-height:19px;font-size:14px;width:200px;margin-right:2px;}
div.searchBox span {color:gray;font-size:10px;margin-bottom:1px;}
div.searchBox input:submit {margin-left:2px;}

.filterByArrangerButton {float:right;}
.filterByArranger {float:right;font-size:14px;margin:10px 5px 9px 0;}

div.filterBox {float:right;margin-bottom:0px;}
div.filterBox .clearButton {cursor:pointer;color:#666;margin-left:5px;border:0;background:transparent url(../images/clearBG.png);padding:0;margin:0;width:34px;height:34px;}
div.filterBox .textField {color:#666;margin-top:3px;margin-right:4px;line-height:19px;font-size:14px;}
div.filterBox span {float:left;color:gray;font-size:10px;margin:9px 5px 0 0;}

.viewCart {float:left;margin:15px 5px 0 0;}

.pagination {float:left;margin:20px 0 0 5px;}

.playNo {
	margin:auto;
	background: url(../images/icons/mediaControl.png) -40px -20px no-repeat;
	width:20px;
	height:20px;
}

/*  ADMIN PAGE */

div.inline{width:396px;margin-bottom:20px;float:left;}

div.inline span{font-size:12px;float:left;width:130px;text-align:right;font-weight:bold;margin-right:10px;margin-top:3px;}

div.inline label{float:right; margin-right:5px;color:#900;}

div.inline input{width:240px;padding:4px;}

div.inline select{width:250px;padding:4px;}

div.inlineTitle{width:248px;float:left; margin-top:.3em;margin-left:.2em;color:#666;font-style:italic;}

div.inlineRadio {clear:left;}

div.inlineRadio .label {font-size:12px;float:left;width:130px;text-align:right;font-weight:bold;margin-right:10px;margin-top:3px;}

div.inlineRadio .radio {clear:right;float:left;margin-bottom:20px;}

/* TODO shouldn't be necessary */
.ui-button { margin-left: -1px; margin-top:0px; }
.ui-button-icon-only .ui-button-text { padding: 0.37em; } 
.ui-autocomplete-input {width:440px; margin: 0; padding: 0.48em 0 0.47em 0.45em; }
.ui-widget {font-size:11px;}				
.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 100px;
}

.newTrackBox, .editTrackBox, .newArrangerBox, .editArrangerBox { width: 440px; padding: 0.4em; position: relative; }
.newTrackBox { height: 900px; }
.editTrackBox { height: 1000px; }
.newArrangerBox { height: 450px; }
.editArrangerBox { height: 500px; }

.newTrackBox h3, .editTrackBox h3, .newArrangerBox h3, .editArrangerBox h3 { margin: 0; padding: 0.4em; text-align: center; }

.newTrackBox h5, .editTrackBox h5, .newArrangerBox h5, .editArrangerBox h5 { float:right;margin:10px 150px 10px 0;font-weight:bold;font-size:14px; font-variant:small-caps; color:#09F; }

a.link {color:#FFF;}
a.link:hover {color:#666}