@charset "iso-8859-1";

/* Narrower than 527px */

#leftImage
{
    background-image: url('../images/logo.gif');
}
#centreImage
{
    background-image: url('../images/cobham2.jpg');
}
#rightImage
{
    background-image: url('../images/cobham1.jpg');
}

div.rss
{
    float: right;
    position: relative;
    top: -45px;
    left: -35px;
    width: 0px; /*stops the space it was offset from getting in the way but doesn't affect its width because it just overflows*/
}

footer
{
	padding-top:30px;
}
.table
{
    width:100%;
    font-size: 9pt;
    background-color:aliceblue;
}

    .headerRow
    {
        display:none;
    }
	
	.tableFooter
	{
		text-align:center;
		background-color:white;
	}

    .row2
    {
        height:62px;
        overflow:hidden;
    }
    .row2:nth-child(2n+1)
    {
        background-color:azure;
    } 
        .row
        {
            position:relative;
            height:62px;
            border-bottom:2px solid white;
        }
        .row:hover
        {
            background-color:gold;
        }
            .row div
            {
                text-align:left;
                border:0px;
                padding-top:3px;
                height:20px;
                overflow:hidden;
            }

div.col0 { display:inline-block; width:120px;                     vertical-align:top;                                             padding-left:5px;}
div.col1 { display:inline-block; width:20px;                      vertical-align:top;                                                               padding-right:3px; text-align:right;}
div.col2 { display:inline-block; width:23px;                      vertical-align:top; }
div.col3 { display:inline-block;                                  vertical-align:top;                                             padding-left:3px; padding-right:5px;}
div.col4 { display:inline-block; width:25px;                      vertical-align:top; }
div.col5 { display:block;        width:100px;                     vertical-align:top; position:relative; top: -3px;  left: 10px;  padding-left:5px; font-weight: bold;    }
div.col6 { display:block;        width:59px;                      vertical-align:top; position:relative; top: -26px; left: 116px;                   font-weight: bold;    }
div.col7 { display:block;        width:255px;                                         position:relative; top: -30px; left: 25px;  padding-left:0px; font-style: italic; }
div.col8 { display:inline-block; width: calc((100% - 225px) / 2); vertical-align:top; position:relative; top: -82px; left: 225px; height:48px;      padding-top:0px;   text-align:center;}
div.col9     { display: none; }
div.col10    { display: none; }
div.colTitle { display: none; }

.play
{
    position: relative;
    top: 12px;
}

.playLink
{
    display: block;
    height: calc(100% - 3px);
    background-image: url('../images/stream.gif');
    background-repeat: no-repeat;
    background-position: center;
    outline:0;
}
/*
.youtubeLink
{
    display: block;
    height: calc(100% - 3px);
    background-image: url('../images/youtube.png');
    background-repeat: no-repeat;
    background-position: center;
    outline:0;
}
.aud
{

}
*/
audio
{
    margin-left:2px;
    margin-right:2px;
    margin-bottom:2px;
    width:calc(100% - 4px);
}

@media(min-width:345px)
{
	div.col10 { display:inline-block; width: calc((100% - 225px) / 2); vertical-align:top; position:relative; top: -82px; left: 225px; height:48px;    }
}

@media(min-width:528px)
{
    .headerRow
    {
        display:block;
    }
        div.headerRow div
        {
            text-align:center;
            border:1px solid white;
            background-color:#34A9D3;
            color:white;
            height:25px;
            padding-top: 0px;
        }
        
        div.headerRow .vcentre           { display:inline-block;             border:0px none; height:auto; margin-top:4px; }
                    div.col1234          { display:inline-block; width:107px; }
                    div.col56            { display:inline-block; width:164px; }
                    div.colTitle         { display:none; }
        .headerRow  div.col7             { display:none; }
        .headerRow  div.col8             {                       width: calc((100% - 406px) / 2); position:static;}
                    div.youtubeLinkHead  { display:inline-block; width: calc((100% - 406px) / 2); }
                    
    .row2
    {
        height:50px;
    }
        .row
        {
            height:50px;
            border-bottom:2px solid white;
        }
        .row div
        {
            border: 1px solid white;
            border-bottom:0px;
        }
            div.col1 {                                                                               border-right:0px;}
            div.col2 {                                                              border-left:0px; border-right:0px;}
            div.col3 {                                                              border-left:0px; border-right:0px;}
            div.col4 {                                                              border-left:0px;                  }
            div.col5 { position:static;   display:inline-block; font-weight:normal;                  border-right:0px;}
            div.col6 { position:static;   display:inline-block; font-weight:normal; border-left:0px; }
            div.col7 { position:absolute; top:23px; left:0px; width: 381px;         border-left:0px; border-top: 2px solid white; padding-left: 20px; }
            div.col8 { position:static;   height: 48px;       width: calc((100% - 406px) / 2); }
            div.col9 { display:none;}
            div.col10 { display:inline-block; position:static;   height: 48px;       width: calc((100% - 406px) / 2); }
}

@media(min-width:573px)
{

    .headerRow  div.col8             { width: calc((100% - 450px) / 2); height: 25px; overflow:hidden;}
              /*  div.youtubeLinkHead  { width: calc((100% - 450px) / 2);}  */
                div.col8             { width: calc((100% - 450px) / 2);}
                div.col9             { display:none;}
                div.col10            { width: calc(((100% - 450px) / 2) + 40px); display:inline-block; height: 48px; padding-top: 15px; text-align:right;}
}

@media(min-width:725px)
{
    .row2
    {
        height:24px;
    }    
        .row
        {
            height:24px;
        }
        
    .headerRow  div.col7             {                            display:inline-block; padding-left:5px; }
    .headerRow  div.col8             { width: 35px;}
                div.youtubeLinkHead  { width: 40px; }
                div.col7             { width: calc(100% - 488px); display:inline-block; padding-left:5px; position:static; font-style:normal; }
                div.col8             { width: 35px; height:23px;}
                div.col9             { display:none; }
                div.col10            { width: 40px; height:23px;}
}

@media(min-width:850px)
{
                div.col7             { width: 270px; }
    .headerRow  div.col8             { width: calc((100% - 725px) / 2);}
                div.col8             { width: calc((100% - 725px) / 2);}
                div.youtubeLinkHead  { width: calc((100% - 725px) / 2);}
                div.col9             { display:none;}
                div.col10            { width: calc(((100% - 725px) / 2) + 40px); display:inline-block; height:20px; padding-top:3px; }
    
}

@media(min-width:871px)
{
                div.col0             { width: calc(((100% - 751px) / 2) + 80px); }
                div.col7             { width: 270px;}
    .headerRow  div.col8             { width: 53px; }
                div.col8             { width: 53px; }
                div.youtubeLinkHead  { width: 53px; }
                div.col9             { display:none;}  
                div.col10            { width: calc(((100% - 751px) / 2) + 53px) ; }  
}

@media(min-width:900px)
{
                div.col0             { width: 120px; }
                div.col7             { width: 200px;}
                div.colTitle         { width: calc(100% - 690px); display: inline-block; }
    .headerRow  div.col8             { width: 35px; }
                div.col8             { width: 35px; }
                div.youtubeLinkHead  { width: 40px; }
                div.col9             { display:none;}  
                div.col10            { width: 40px; }
}

@media(min-width:973px)
{
    /* Overrides SiteMF.css */
    .centredRectangle
	{
		width:100%;
		margin-left:0px;
	}
	
    div.col7     { width: 200px;}
    div.colTitle { width: calc(100% - 690px);}
}

@media(min-width:1000px)
{
    div.col7     { width: calc((100% - 490px) / 2);}
    div.colTitle { width: calc((100% - 490px) / 2);}
}
@media(min-width:1070px)
{
    div.col7     { width: 270px;}
    div.colTitle { width: calc(100% - 760px);}
}

@media(min-width:1150px)
{
	/* Overrides SiteMF.css */
    .centredRectangle
	{
		width:1150px;
		margin-left:calc(50% - 575px);
	}
}