/*
----------------------------------------------------------------------------------------
*    global_content_style.css
*   
*    Lennox Berkeley Society global content style sheet
*  
*    Code (c) Thomas Daly
----------------------------------------------------------------------------------------
*/

body
						{
						font-family: "Trebuchet MS", Arial, Sans-Serif;
						font-size: 13px;
						}
						
			
/* footer links colour */
#footer_links a:link,
#footer_links a:visited
						{
						color: #777;
						}


img
						{
						border: none;
						margin: 0px;
						padding: 0px;
						display: inline;
						}

.button
						{
						height: 24px;
						border-top-color: #777;
						border-right-color: #777;
						border-bottom-color: #777;
						border-left-color: #777;
						color: #f9f9f9;				/* Text foreground colour: off-white */
						background-color: #fff;
						border-width: 1px;
						border-style: solid;
						padding-top: 2px;
						padding-bottom: 2px;
						padding-left: 4px;
						padding-right: 4px;
						font-size: 85%;
						font-weight: bold;
						vertical-align: middle;
						text-align: center;
						background-image: url(../images/buttonbg.gif);
						background-repeat: repeat-x;
						background-position: center;
						}
						
.button_small,
#button_small_1,
#button_small_2,
#button_small_3
						{
						height: 20px;
						border-top-color: #777;
						border-right-color: #777;
						border-bottom-color: #777;
						border-left-color: #777;
						color: #f9f9f9;				 /* Text foreground colour: off-white */
						background-color: #fff;
						border-width: 1px;
						border-style: solid;
						padding-top: 1px;
						padding-bottom: 1px;
						padding-left: 4px;
						padding-right: 4px;
						font-size: 10px;
						font-weight: bold;
						vertical-align: middle;
						text-align: center;
						background-image: url(../images/buttonbg_small.gif);
						background-repeat: repeat-x;
						background-position: top;
						}


input.inputfield, .inactive_field
						{
						height: 16px;
						border-top-color: #ADC8DC;
						border-right-color: #ADC8DC;
						border-bottom-color: #ADC8DC;
						border-left-color: #ADC8DC;
						background-color: #fff;
						border-width: 1px;
						border-style: solid;
						vertical-align: middle; 
						}
						
/* Inactive field shows a greyed out and inactive text input field.  Applied to <div> */
.inactive_field			{
						padding: 1px;
						width: 200px;
						color: #666;
						background-color: #f0f0f0;
						}
					
										
						
input.invalid           {
	                    background-color: #FFFFF0;
                        border: 1px inset;
                        border-color: #FFA8A8;
                        }
                        
textarea				{
						border: 1px solid;
						border-color: #ADC8DC;
						}					
						
textarea.invalid        {
	                    background-color: #FFFFF0;
                        border: 1px inset;
                        border-color: #FFA8A8;
                        }

/* Main page headings in Copperplate Gothic */               
h1
						{
						margin-left: 0px;
						margin-right: 0px;
						margin-top: 40px;
						font-family: "Copperplate Gothic Light", "Copperplate_Gothic_Light_WEFT", "Palatino Linotype", Palatino, serif;
						font-weight: normal;					
						font-size: 210%;
						font-variant: small-caps;
						color: #444;
						display: block;
						text-align: left;
						}

/* Recording album titles, diary headings, page sub headings */
h2
						{
						margin-left: 0px;
						margin-right: 0px;
						margin-top: 20px;
						font-family: "Palatino Linotype", Palatino, serif;
						font-weight: normal;
						font-size: 160%;
						display: block;
						}
				
/* h3 used for event diary day headings and 'LB works included' in recordings */
h3
						{
						margin-left: 0px;
						margin-right: 0px;
						margin-top: 10px;
						font-family: "Trebuchet MS", Arial, Sans-Serif;
						font-weight: bold;
						font-size: 13px;
						display: block;
						}				

p
						{
						margin-left: 0px;
						margin-top: 6px;
						margin-bottom: 6px;
						font-size: 13px;
						}
.notes
						{
						font-size: 90%;
						margin-left: 0px;
						margin-top: 6px;
						margin-bottom: 6px;
						}
						
.rule					{
						width: 100%;
						border-top: 1px solid;
						border-top-color: #aaa;
						height: 2px;
						margin-top: 20px;
						margin-bottom: 20px;
						}
						
.errortext			
						{
						color: #B70404;
						font-size: 0.9em;
						}
						
/* top level bullets */						
ul li
						{
						list-style-position: outside;
						margin-left: 0px;
						margin-bottom: 4px;
						list-style-type: disc;
						}
						
/* 2nd level bullets */						
ul ul li
						{
						list-style-position: outside;
						margin-left: 0px;
						margin-top: 6px;
						margin-bottom: 6px;
						padding-bottom: 0px;
						padding-top: 0px;
						list-style-type: circle;
						}						
						
.caption				{
						margin-top: 0px;
						font-size: 95%;
						}

#header #selected_tab
						{
						background-image: url(../images/selected_tab.gif);
						background-position: bottom center;
						width: 88px;
						height: 28px;
						color: #ffffff;
						}
						
						
/* Download, cd and event icons that appear throughout site */
.icon
						{
						vertical-align: absmiddle;
						}
/* Download, cd and event icons link colours */						

.icon a:link
						{
						text-decoration: none;
						}

.icon a:hover
						{
						background-color: transparent;
						text-decoration: none;
						}
						
						
/* Link colours: document body text (default): underline when hovering
	Bold looks too heavy on recordings summary page */						
								
a:link,
a:visited,
a:hover
						{
						color: #D54000;
						text-decoration: none;
						}

a:focus,
a:active
						{
						color: #707070;
						text-decoration: none;
						}

a:hover					{
						text-decoration: underline; 
						}


/* Link style: navigation tabs only */
/* th	width: 88px;
		height: 28px;   */

#header th a:link
						{
						color: #333333;
						font-weight: bold;
						text-decoration: none;
						display: block;
						width: 88px;
						height: 17px;
						padding-top: 6px;
						padding-bottom: 5px;
						padding-left: 0px;
						padding-right: 0px;
						}

#header th a:visited
						{
						color: #333333;
						font-weight: bold;				
						text-decoration: none;
						display: block;
						width: 88px;
						height: 17px;
						padding-top: 6px;
						padding-bottom: 5px;
						padding-left: 0px;
						padding-right: 0px;
						}
#header th a:focus
						{
						color: #333333;
						font-weight: bold;
						text-decoration: none;
						display: block;
						width: 88px;
						height: 17px;
						padding-top: 6px;
						padding-bottom: 5px;
						padding-left: 0px;
						padding-right: 0px;
						}
#header th a:hover
						{
						color: #333333;
						text-decoration: none;
						background-color: transparent;
						display: block;
						width: 88px;
						height: 17px;
						padding-top: 6px;
						padding-bottom: 5px;
						padding-left: 0px;
						padding-right: 0px;
						}
#header th a:active
						{
						color: #FFFFFF;
						text-decoration: none;
						display: block;
						width: 88px;
						height: 17px;
						padding-top: 6px;
						padding-bottom: 5px;
						padding-left: 0px;
						padding-right: 0px;
						}
						


/* Link style: navigation sub bar light green background area only */						

#header .navigation_bar_td_light a:hover
						{
						text-decoration: none;
						background-color: transparent;
						}
						
/* Link colours: navigation sub bar dark green background area only */								
						
#header #navigation_bar_td_dark a:link
						{
						color: #790000;
						font-weight: bold;
						text-decoration: none;
						}
#header #navigation_bar_td_dark a:visited
						{
						color: #790000;
						font-weight: bold;				
						text-decoration: none;
						}
#header #navigation_bar_td_dark a:focus
						{
						color: #790000;
						font-weight: bold;
						text-decoration: none;
						}
#header #navigation_bar_td_dark a:hover
						{
						color: #790000;
						text-decoration: none;
						background-color: transparent;
						}
#header #navigation_bar_td_dark a:active
						{
						color: #790000;
						text-decoration: none;
						}
									





						


/* Link style: notes only 

.notes a:link
						{
						color: #790000;
						font-weight: normal;
						text-decoration: none;
						}
.notes a:visited
						{
						color: #790000;
						font-weight: normal;				
						text-decoration: none;
						}
.notes a:focus
						{
						color: #790000;
						font-weight: normal;
						text-decoration: none;
						}
.notes a:hover
						{
						color: white;
						font-weight: normal;
						text-decoration: none; 
						background-color: #790000;
						}
.notes a:active
						{
						color: #707070;
						font-weight: normal;
						text-decoration: none;
						}	
*/