/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later */
html, body, div, p, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img {
	 margin: 0;
	 padding: 0;
	 border: 0;
}
body 
{
	height:100%;
	text-align: center;
	background-color: #f4fafc;
	
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image:url(images/bg_tile.gif);
	overflow:hidden;
}


/******************
basic typographic styles (headings, lists, paras)
******************/

h1, h2, h3, h4, h5, h6 {color:#a5568d;}

h1 {
	margin: 0em 0em 1em 0em;
	font-size: 1.6em;
	font-weight: normal;
}
h2 {
	margin: 1.2em 0em 1em 0em;
	font-size: 1.4em;
	font-weight: normal;
}
h3 {
	margin: 1.2em 0em 1em 0em;
	font-size: 1.2em;
	font-weight: normal;
}
h4 {
	margin: 1.2em 0em 1em 0em;
	font-size: 1.1em;
	font-weight: normal;
}
h5 {
	margin: 1.2em 0em 1.2em 0em;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 1.2em 0em 1.2em 0em;
	font-size: 0.8em;
	font-weight: bold;
}

img {border: 0;}

ul li	    { list-style-type: square ; }	
ul li li	{ list-style-type: disc; }	
ol li   	{ list-style-type: decimal;}	
ol ol li	{ list-style-type: lower-alpha; }

ul, ol {
    margin: 0em 0em 0.5em 1.0em;
}
li {
	margin: 0em 0em 0.1em 1.0em;
	font-size: 1.0em;
	line-height: 1.2em;
}
p {
	margin: 0em 0em 1.2em 0.1em;
	font-size: 1.0em;
	line-height: 1.2em;
}

li > p {margin-top: 0.2em;}

strong, b {font-weight: bold;}


/******************
layout
******************/

#container
{
	width: 1020px;
	height:100%;
	min-height:100%;
	margin: 0 auto;
	text-align:left;
	background-color:#cddbe5;
	overflow:hidden;
}
#content-container 
{
	position:absolute;
	background-color:#d5dfa5;
	top:202px;
	bottom:0;
	width:1020px;
	margin: 0 auto 20px auto;
	overflow:hidden;
	}

#content-main
{
	position:relative;
	width: 1000px;
	height:100%;
	min-height:100%;
	left:10px;
	border: 0;
	z-index: 8;
	background: White;
	text-align: left;
	overflow:auto;
}
* html #content-main
{
	top: 0;
	bottom: 0;
	width: 1010px;
	height: 100%;
}
#content 
{
	margin:10px 10px 10px 10px;
	color:#333333;
	background-color:White;
	}
	
#header-container {
	position:absolute;
	width:1010px;
	top:0;
	height: 200px;
	padding:2px 0 0 10px;
	background-color:#a5568d;
	font-family:"Lucida Sans", Verdana, "Lucida Grande", Geneva, sans-serif;
	z-index:6;
}
#header-top {
	position:relative;
	height:100px;
	width:820px;
	background-color:#d5dfa5;
}
#header-left {
	padding:10px 10px 6px 15px;
}
#header-centre {
	position:absolute;
	top:0;
	left:220px;
	bottom:0;
	width:600px;
	height:65px;
	background-image:url(images/topheader_img.jpg);
	background-repeat:no-repeat;
	background-color:#a5568d;
	background-position:2px 0;
}
#mainnav 
{
	position:absolute;
	top:75px;
	left:25px;
	width:810px;
	height:22px;
	z-index:7;
}
#header-bottom {
	position:absolute;
	height:100px;
	width:820px;
	background-image: url(images/header_img.jpg);
	background-repeat:no-repeat;
	background-color:transparent;
}
#header-right {
	position:absolute;
	width:200px;
	height:182px;
	top:0;
	right:0;
	padding:20px 10px 0 15px;
	background-color:#a5568d;
}
#home 
{
	position:absolute;
	width:25px;
	right:0px;
	height:25px;
	top:5px;
}
#search 
{
	position:absolute;
	width:190px;
	height:45px;
	top:160px;
}
#searchbutton {
	position:absolute;
	top:5px;
	right:5px;
}
#footer-container
{
	position: fixed;
	bottom: 0;
	width: 1010px;
	height: 20px;
	margin:0 auto 0 auto;
	border-top: 2px solid #d5dfa5;
	background-color: #a5568d;
	z-index: 5;
}
* html #footer-container
{
	bottom: 2px;
	width: 1010px;
	height: 20px;
	text-align: left;
}
#footer-left
{
	font-size:x-small;
	color:#d5dfa5;
	letter-spacing:0.2em;
	padding: 4px 0 0 5px;
}
#footer-right
{
	position:absolute;
	top:0;
	right:-10px;
	width:225px;
	height:20px;
	background-color: #551642;
	font-size:x-small;
	color:#d5dfa5;
	padding: 2px 0 0 5px;
}
#popup
{
	overflow: auto;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	border: 0;
	z-index: 4;
	background: #d5dfa5;
	padding: 5px;
	text-align: left;
}

/******************
div-specific styles
******************/

#content a   		{ text-decoration: none; cursor: hand; }
#content a:not(.ajax__tab_tab):visited	{ color: blue; }
#content a:not(.ajax__tab_tab):link		{ color: blue; }	
#content a:not(.ajax__tab_tab):active	{ color: Orange; }
#content a:not(.ajax__tab_tab):hover	{ color: LightSteelBlue; }

#popup a   		{ text-decoration: none; cursor: hand; }
#popup a:not(.ajax__tab_tab):visited	{ color: blue; }
#popup a:not(.ajax__tab_tab):link		{ color: blue; }	
#popup a:not(.ajax__tab_tab):active	{ color: Orange; }
#popup a:not(.ajax__tab_tab):hover	{ color: LightSteelBlue; }

#mainnav a {text-decoration:none;}
/* Adds a height to a button so that IE Win will allow it to be clickable across its full width */

/* Hide from IE5-Mac \*/
* html #mainnav a {height: 1%; }
/* end hiding */ 

#mainnav a   		{ cursor: hand; }
#mainnav a:link		{ color: #3b0000; }	
#mainnav a:visited	{ color: #3b0000; }
#mainnav a:active	{ color: #8e0101; }
#mainnav a:hover	{ color: #8e0101; }

#header-right a     { text-decoration:none; cursor: hand; color:LightSteelBlue; }

/******************
classes
******************/

.menu 
{
	background-color: #d5dfa5;
}
.menulevel1 
{
	font-variant: small-caps;
}
.menulevel2 
{
	font-size: 0.9em;
}
.menuhover 
{
	color: #a5568d;
}
.menuselected
{
	color: #a5568d;
	font-weight: bold;
}
.sitetitle {
	font-size:2.0em;
	font-weight:normal;
	color:#551642;
	text-decoration:none;
}

.sitesubtitle {
	font-size:1.2em;
	line-height:140%;
	color:#a5568d;
}
.FloatPanel
{
	position: relative;
	font-size: x-small;
	background: WhiteSmoke;
	border: 1px solid gray;
}
.Artist
{
	font: 12pt "Trebuchet MS";
	font-weight: 500;
}
.Title
{
	font: 14pt "Trebuchet MS";
	font-weight: 500;
}
.Label
{
	font-size: x-small;
	font-weight: 500;
}
.Aka
{
	font: 12pt Arial;
	font-style:italic;
}
.Desc
{
	font: 10pt Arial;
	font-style:italic;
}
.ImageArea {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right:15px;
}
.ArtistPic {
    position:relative;
    z-index:10;
}
.InstrumentPic {
    position:relative;
    z-index:10;
}
.AlbumPic {
    float: right;
    margin-left: 10px;
    margin-bottom: 5px;
    margin-right:25px;
}
.TextBox
{
	font: 11pt Arial;
	font-size: small;
}
.LookLikeTextBox
{
	border: none;
	border-top: solid 1px LightSlateGray;
	min-height: 18px;
	vertical-align: middle;
	background: White;
	font: 11pt Arial;
	font-size: small;
	padding: 2px 0 0 2px;
	overflow: auto;
}    
.modalBackground
{
	background-color:Gray; 
	filter: alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:#d5dfa5;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	text-align:left;
}
.collapsePanel {
	
	background-color:#e7ecca;
	overflow:hidden;
}

.Notes
{
	border: none;
	border-top: solid 1px LightSlateGray;
	background: White;
	font: 11pt Arial;
	font-size: small;
	min-height:18px;
	margin:0;
	padding: 1px 3px 3px 3px;
	overflow: auto;
}
.Notes p
{
	padding: 2px 2px 3px 2px;
}    
.completionListElement 
{  
	visibility:hidden;
	margin: 0px!important;
	background: White;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: pointer;
	overflow: auto;
	height: 150px;
	font-family: Arial,Verdana,sans-serif;
	font-size: x-small;
	color: #666644;
	text-align: left; 
	list-style-type: none;
	z-index: 5;
}
.highlightedListItem
{
	background-color: #e7ecca;
	color: black;
	padding: 1px;
}
.listItem 
{
	background: White;
	color: #666644;
	padding: 1px;
}
.ExpandableGrid td {
    padding:2px 0 0 1px;
}
.Pager td
{
	padding-right:4px;
}
.Watermark {
	font-family: Arial,Verdana,sans-serif;
	font-size: small;
	font-style: italic;
	color:gray;
}
.Green {
    color: green;
}
.Red {
    color: red;
}
.Help
{
	font-size: small;
	height:100%;
}
.Help h2
{
    font-size: 1.2em;
	padding-left: 1.7em;
	padding-bottom: 4px;
}
  
.Help p
{
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 4px;
}    
.Help table
{
   border: 1px solid LightSlateGray;
   margin: 2em;
   padding: 2px;
}    
.Help td
{
	border: 1px solid LightSlateGray;
	background-color: White;
	padding: 2px;
	vertical-align: top;
}    
.Help ul, ol { 
   margin:auto 0 1em 0; 
   padding:0; 
}
.Help li { 
   margin-top:0.25em;
   margin-bottom:0.25em; 
}
.Help ul ul, ul ol, 
ol ol, ol ul { 
   margin-left:1em; 
   padding-left:0; 
}
.Help ul li, ol li { 
   margin-left:7em;
   list-style-type: square ;
}
.HelpEditButton
{
	float:right;
	padding-right: 1em;
}	
	
HR          {color: #804000;
			 margin-right:5px; }
.wiki
{
	background:White;
	padding:2px;
}
.wiki p
{
	padding-bottom: 4px;
}
.wiki dd
{
	padding-left:10px;
	padding-bottom:4px;
}
.wiki ul
{
	margin: 0;
	padding-left: 10px;
	padding-bottom:2px;
	list-style-image:url("../images/blue-bullet.gif");
	list-style-type:square;
}
.wiki ul li
{
	margin: 5px;
	padding-left: 6px;
	padding-bottom:2px;
}
.wiki table
{
	border:1px solid slategray;
	font-size:smaller;
}
.wiki td
{
	border:1px solid slategray;
	padding:2px;
	background:#f6f8f9;
}
.wiki td ul
{
	margin: 0;
	padding-left: 10px;
	padding-bottom:1px;
	list-style-image:url("../images/blue-bullet.gif");
	list-style-type:square;
}
.wiki td ul li
{
	padding:0;
}
.disambig {
	font-size:smaller;
}
.disambig ul {
	margin: 0;
	padding-left: 10px;
	padding-bottom:2px;
	list-style-image:url("../images/blue-bullet.gif");
	list-style-type:square;
}
.disambig li {
	padding:0;
}
.NoDisplay
{
	display: none;
}
.Status
{
	font-size: small;
	color: Red;
}
.cropSize
{
	position: relative;
	font-size: x-small;
	color: Red;
}
.HoverMessage
{
	position: relative;
	font-size: x-small;
	color: Red;
	background: Ivory;
}
.Error
{
	color: Red;
	font-size: smaller;
}
.MyCalendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;z-index : 10000;}
.MyCalendar .ajax__calendar_header {height:20px;width:100%;background-color:#e7ecca;padding-top:3px;}
.MyCalendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.MyCalendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.MyCalendar .ajax__calendar_day {border:1px solid #ffffff;}
.MyCalendar .ajax__calendar_month {border:1px solid #ffffff;}
.MyCalendar .ajax__calendar_year {border:1px solid #ffffff;}

.MyCalendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#551642;color:#551642;}
.MyCalendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#551642;color:#551642;}
.MyCalendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#551642;color:#551642;}

.MyCalendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#A1A1A1;}
.MyCalendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#A1A1A1;}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#551642;}
.MyCalendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#551642;}
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#551642;}

.MyCalendar .ajax__calendar_hover .ajax__calendar_title {color:#551642;}
.MyCalendar .ajax__calendar_hover .ajax__calendar_today {color:#551642;}

/* TabContainer styles */ 

.FormTab .ajax__tab_header {
     margin-bottom:-4px;
} 
.FormTab .ajax__tab_outer    {
     height:25px;
} 
.FormTab .ajax__tab_inner    {
    padding-top:9px;
} 
.FormTab .ajax__tab_tab {
background: #d5dfa5; /* Old browsers */
background: -moz-linear-gradient(top, #d5dfa5 1%, #a5b941 12%, #7d8c31 26%, #7d8c31 33%, #a5b941 48%, #d5dfa5 88%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d5dfa5), color-stop(12%,#a5b941), color-stop(26%,#7d8c31), color-stop(33%,#7d8c31), color-stop(48%,#a5b941), color-stop(88%,#d5dfa5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d5dfa5 1%,#a5b941 12%,#7d8c31 26%,#7d8c31 33%,#a5b941 48%,#d5dfa5 88%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d5dfa5 1%,#a5b941 12%,#7d8c31 26%,#7d8c31 33%,#a5b941 48%,#d5dfa5 88%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d5dfa5 1%,#a5b941 12%,#7d8c31 26%,#7d8c31 33%,#a5b941 48%,#d5dfa5 88%); /* IE10+ */
background: linear-gradient(to bottom, #d5dfa5 1%,#a5b941 12%,#7d8c31 26%,#7d8c31 33%,#a5b941 48%,#d5dfa5 88%); /* W3C */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding:6px 20px;
    margin:0;
    width:70px;
    border: 1px solid #551642;
    color:#cb6c8c;
} 
.FormTab .ajax__tab_hover .ajax__tab_tab { 
background: #d5dfa5; /* Old browsers */
background: -moz-linear-gradient(top, #d5dfa5 1%, #a5568d 12%, #551642 26%, #551642 33%, #a5568d 48%, #d5dfa5 88%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d5dfa5), color-stop(12%,#a5568d), color-stop(26%,#551642), color-stop(33%,#551642), color-stop(48%,#a5568d), color-stop(88%,#d5dfa5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d5dfa5 1%,#a5568d 12%,#551642 26%,#551642 33%,#a5568d 48%,#d5dfa5 88%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d5dfa5 1%,#a5568d 12%,#551642 26%,#551642 33%,#a5568d 48%,#d5dfa5 88%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d5dfa5 1%,#a5568d 12%,#551642 26%,#551642 33%,#a5568d 48%,#d5dfa5 88%); /* IE10+ */
background: linear-gradient(to bottom, #d5dfa5 1%,#a5568d 12%,#551642 26%,#551642 33%,#a5568d 48%,#d5dfa5 88%); /* W3C */
    border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding:6px 20px;
    margin:0;
    width:70px;
    border: 1px solid #551642; 
    border-bottom:0;
    color:Orange;
}
.FormTab .ajax__tab_active .ajax__tab_tab {
background: #d5dfa5; /* Old browsers */
background: -moz-linear-gradient(top, #d5dfa5 1%, #a5568d 12%, #551642 26%, #551642 33%, #a5568d 48%, #d5dfa5 88%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d5dfa5), color-stop(12%,#a5568d), color-stop(26%,#551642), color-stop(33%,#551642), color-stop(48%,#a5568d), color-stop(88%,#d5dfa5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d5dfa5 1%,#a5568d 12%,#551642 26%,#551642 33%,#a5568d 48%,#d5dfa5 88%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d5dfa5 1%,#a5568d 12%,#551642 26%,#551642 33%,#a5568d 48%,#d5dfa5 88%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d5dfa5 1%,#a5568d 12%,#551642 26%,#551642 33%,#a5568d 48%,#d5dfa5 88%); /* IE10+ */
background: linear-gradient(to bottom, #d5dfa5 1%,#a5568d 12%,#551642 26%,#551642 33%,#a5568d 48%,#d5dfa5 88%); /* W3C */
    border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding:6px 20px;
    margin:0;
    width:70px;
    border: 1px solid #551642; 
    border-bottom:0;
    color:Orange;
}
.FormTab .ajax__tab_body {
     border:1px solid #551642;
     padding:8px;
     background-color:#d5dfa5;
}
.FormTab :focus {
    border:none;
    outline:0;
}