BODY {font-family:"Trebuchet ms", Arial, Helvetica, sans-serif; background-color:#D9D6C5; margin:0; color:#CF3103; font-size:12px; text-align:center}
A {color:#CF3103; text-decoration:none}
A:hover {background-color:#E8E4DB;}
.top-bar {width:100%; background-color:#E8E4DB; height:18px}
.top-bar .middle {width:780px;margin:0 auto; }
.wrapper {margin:0 auto; width:820px; min-height:800px; background-image:url(../bg.jpg); background-repeat:no-repeat; background-position:top right; background-color:#D9D6C5;}
.top-menu-left {float:left}
.top-menu-left A {padding-right:5px; padding-left:5px}
.top-menu-left A:hover {background-color:#D9D6C5;}
.top-menu-right {float:right}
.top-menu-right .link {border-right:1px solid #D9D6C5;}
.top-menu-right A {padding:10px;}
.top-menu-right A:hover {background-color:#D9D6C5;}
.logo {float:left; font-size:48px; margin-top:40px; color:#AB710E; width:750px; text-align:left}
.menu {font-size:13px; margin-top:0px; color:#999; text-align:left; float:left}
.menu A {color:#AB710E; text-decoration:none; padding:0px 4px; margin:0}
.letters A {color:#AB710E; text-decoration:none; padding:0px 2px; margin:0}
.letters .current {background-color:#E0DBCF;color:#000; font-weight:700}
.menu .current {background-color:#E0DBCF;color:#694934;}
.opacity {opacity: .5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50); width:600px; height:500px; background-color:#336633; position:absolute}
.search {font-size:14px; margin-top:45px; color:#CF3103; width:550px; text-align:left; float:left; margin-left:30px;}
.search FORM .searhinput {font-size:18px; width:300px; color:#694934}
.search FORM .button {font-size:17px; height:31x; color:#694934; background-color:#D9D6C5; border:1pz solid #999}
.search .title {font-size:14px; margin-bottom:-11px; font-weight:700; color:#694934; background-color:#E8E4DB; padding:2px 6px; width:420px; overflow:hidden}
.list {margin-left:2px; color:#777; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:40px}
.chordinfo {margin-left:2px; color:#777; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:12px}
.list OL LI {margin-bottom:2px}
.list A {color:#444; text-decoration:none; padding:2px 3px; margin-bottom:3px}
.chordinfo A {color:#444; text-decoration:none; padding:2px 3px; margin-bottom:3px}
.text {margin-left:15px; margin-top:0px; color:#000000; font-size:13px; }
.text A {background-color:#D9D6C5}
SELECT {font-size:10px; width:160px; background-color:#E8E4DB; border:1px solid #333}
.pageselect A {padding:2px 6px; background-color:#E8E4DB; color:#000000; border:1px solid #E8E4DB}
.pageselect A:hover {border:1px solid #694934}
.pageselect A.current_page {padding:2px 5px; background-color:#D9D6C5;}
.pageselect A.current_page:hover {padding:2px 5px; background-color:#D9D6C5; border:1px solid #D9D6C5;}
.pageselect A.extra_link {padding:2px 5px; background-color:#D9D6C5; border:1px solid #D9D6C5}
.pageselect A.extra_link:hover {padding:2px 5px; background-color:#D9D6C5; border:1px solid #D9D6C5; color:#694934}
	/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:300px;	/* Width of box */
		height:150px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:12px;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:12px;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#694934;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	

.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #694934;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#fff;
	color:#000;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}