/* 
*----------------------------------------------------------------------------------------
*    recordings.css
*   
*    Local style sheet for recordings.php
*   
*    (c) 2008 The Lennox Berkeley Society
*----------------------------------------------------------------------------------------
*/
   
/* section total width:   1 + 70 + 638 + 70 + 1 = 780 */  
/* recording panel width: 1 + 30 + 576 + 30 + 1 = 638 */     

/* The container box for each 'full display' recording */
.recording			{
					width: 576px;
					min-height: 310px;
					padding-left: 30px;
					padding-right: 30px;
					padding-bottom: 30px;
					margin-top: 8px;
					margin-bottom: 8px;
					border: 1px solid;
					border-color: #ddd;
					background-color: #fff;
					display: block;
					}

/* The container box under the album cover image giving extra details */
.extra_details		{
					float: right;
					display: block;
					text-align: right;
					margin-left: 10px;
					margin-right: 0px;
					margin-bottom: 16px;
					width: 200px;
					font-size: 12px;
					}
					
					
/* Album cover image style */
.extra_details img      
					{
                    width: 120px;
                    height: 120px;
                    border: 1px solid;
					border-color: #888888;
					margin-bottom: 10px; 
                    }					
					
					
.extra_details table
					{
					margin-right: 0px;
					margin-left: auto;
					}
  				
/* section total width: 1 + 70 + 638 + 70 + 1 = 780 */  
/* control panel width: 1 + 30 + 576 + 30 + 1 = 638 */  				
  				
#control_panel		{
					width: 576px;
					border: 1px solid;
					border-color: #ddd;
					background-color: #f9f9f9;
					vertical-align: middle;
					padding-left: 30px;
					padding-right: 30px;
					padding-top: 10px;
					padding-bottom: 10px;
					margin-bottom: 30px;
					}

                     
#control_panel td   {
                    vertical-align: middle;
                    text-align: left;
                    padding: 5px;
                    }
                         
/* columns must total 576 */                         
                         
#control_panel .col1	 
					{
					width: 58px;
					text-align: right;
					}
					 
#control_panel .col2	 
					{
					width: 220px;
					text-align: left;
					}
					 
#control_panel .col3	 
					{
					width: 88px;
					text-align: right;
					}
					 
#control_panel .col4	 
					{
					text-align: left;
					padding-right: 2px;
					}
					 
#control_panel .col5	 
					{
					text-align: left;
					padding-left: 2px;
					}

#control_panel_form
					{
					margin: 0px;
					}
					
					
/* Link colours: page numbers: background blocking effect on hover */						
								
.page_numbers a:link
					{
					color: #790000;
					font-weight: bold;
					text-decoration: none;
					}
.page_numbers a:visited
					{
					color: #790000;
					font-weight: bold;			
					text-decoration: none;
					}
.page_numbers a:focus
					{
					color: #790000;
					font-weight: bold;
					text-decoration: none;
					}
.page_numbers a:hover
					{
					color: white;
					background-color: #790000; 
					}
.page_numbers a:active
					{
					color: #707070;
					font-weight: bold;
					text-decoration: none;
					}
						

.credit				{
					margin-top: 2px;
					font-size: 11px;
					font-weight: bold;
					}
						
/* Style for the recordings table used in summary display setting */
					
#recordings_table   {
                    width: 100%;
					border: none;
					margin-left: 0px;
					margin-right: 0px;
					margin-top: 20px;
					border-spacing: 2px;
					}
                 
#recordings_table th
					{
					background-color: #f9f9f9;
					font-family: "Palatino Linotype", Palatino, serif;
					color: #000000;
					font-size: 16px;
					font-variant: small-caps;
					padding-top: 6px;
					padding-bottom: 6px;
					padding-left: 6px;
					padding-right: 6px;
					text-align: left;
					vertical-align: bottom;
					border: none;
					}
                           
#recordings_table td        
					{
                    background-color: #ffffff;
                    text-align: left;
                    vertical-align: top;
                    padding-top: 2px;
                    padding-left: 6px;
                    padding-right: 6px;
                    padding-bottom: 2px;
                    border: none;
                    }
                            
/* Link colours: control panel 'full details' and 'summary': no linking effect */						
								
#control_panel a:link
					{
					color: #000000;
					text-decoration: none;
					}
#control_panel a:visited
					{
					color: #000000;
					text-decoration: none;
					}
#control_panel a:focus
					{
					color: #000000;
					text-decoration: none;
					}
#control_panel a:hover
					{
					color: #000000;
					text-decoration: none;
					}
#control_panel a:active
					{
					color: #000000;
					text-decoration: none;
					}
						
/* page numbers div */

.page_numbers
					{
					text-align: right;
					vertical-align: top;
					float: right;
					padding-right: 4px;
					}