/*
Index:
1 - Fonts
1a - Font Colors CSS
2 - General CSS
3 - Header CSS
4 - Background Colors CSS
5 - Shadows CSS
6 - Borders CSS
7 - Images CSS
8 - Footer CSS

404 - 404 Page CSS

********************************************************************************
*******************************************************************************/

/* 1 - Fonts
------------------------------------------------------------------------------*/
    div{
        font-family: 'Bentham', serif;
    }
/* End 1 - Fonts
------------------------------------------------------------------------------*/


/* 1a - Font Colors CSS*/
    div{
        color: wheat;    
    }
    .button{
    color: black;
}
/* End 1a - Font Colors CSS*/



/* 2 - General CSS
------------------------------------------------------------------------------*/
    .button{
        margin-top: 3px;
        padding: 2px 5px;
        cursor: pointer;
    }
/* End 2 - General CSS
------------------------------------------------------------------------------*/


/* 3 - Header CSS
------------------------------------------------------------------------------*/
/* End 3 - Header CSS
------------------------------------------------------------------------------*/


/* 4 - Background Colors CSS
------------------------------------------------------------------------------*/
    #title{
        background: pink;
    }
    #pageContainer{
        background: #6b0000; /* Old browsers */
        background: -moz-linear-gradient(left,  #6b0000 0%, #a30000 25%, #a30000 75%, #6b0000 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6b0000), color-stop(25%,#a30000), color-stop(75%,#a30000), color-stop(100%,#6b0000)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #6b0000 0%,#a30000 25%,#a30000 75%,#6b0000 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #6b0000 0%,#a30000 25%,#a30000 75%,#6b0000 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #6b0000 0%,#a30000 25%,#a30000 75%,#6b0000 100%); /* IE10+ */
        background: linear-gradient(to right,  #6b0000 0%,#a30000 25%,#a30000 75%,#6b0000 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b0000', endColorstr='#6b0000',GradientType=1 ); /* IE6-9 */
    }
    /* Legand */
    #legand{
        background: #6f0000;
    }
    /**/
    
    /* Left Side Content */
    #leftContainer div, #leftContainer form {
        background: #6f0000;
    }
    /**/
    
    /* Right Side Content*/
    #right1{
        background: #6f0000;
    }
    #right2{
        background: #6f0000;
    }
    #right3{
        background: #6f0000;
    }
    /**/
    
    /* Centre Content*/
    #contentContainer{
        background: #960000;
    }
    #header{
        background: lightblue;
    }
    #content{
        background: #6f0000;
    }
    /**/
    
    /* Booking */
    #bookingContent{
        background-color: rgba(50, 50, 50, 0.9);  
    }
    #closeButton{
        background: orange;
    }
    /**/
    .button{
        background: #c08d12;
    }
/* End 4 - Background Colors CSS
------------------------------------------------------------------------------*/


/* 5 - Shadows CSS
------------------------------------------------------------------------------*/
    #pageContainer{
        -moz-box-shadow: 5px 5px 15px #000000;
        -webkit-box-shadow: 5px 5px 15px #000000;
        box-shadow: 5px 5px 15px #000000;
    }
    
    /* Legand */
    #legand{
        -moz-box-shadow:inset 0px 0px 10px #000000;
        -webkit-box-shadow:inset 0px 0px 10px #000000;
        box-shadow:inset 0px 0px 10px #000000;
    }
    /**/
    
    /* Left Side Content */
    #left2{
        -moz-box-shadow:inset 0px 0px 10px #000000;
        -webkit-box-shadow:inset 0px 0px 10px #000000;
        box-shadow:inset 0px 0px 10px #000000;
    }
    #left3{
        -moz-box-shadow:inset 0px 0px 10px #000000;
        -webkit-box-shadow:inset 0px 0px 10px #000000;
        box-shadow:inset 0px 0px 10px #000000;
    }
    #left4{
        -moz-box-shadow:inset 0px 0px 10px #000000;
        -webkit-box-shadow:inset 0px 0px 10px #000000;
        box-shadow:inset 0px 0px 10px #000000;
    }
    /**/
    
    /* Right Side Content */
    #right1{
        -moz-box-shadow:inset 0px 0px 10px #000000;
        -webkit-box-shadow:inset 0px 0px 10px #000000;
        box-shadow:inset 0px 0px 10px #000000;
    }
    #right2{
        -moz-box-shadow:inset 0px 0px 10px #000000;
        -webkit-box-shadow:inset 0px 0px 10px #000000;
        box-shadow:inset 0px 0px 10px #000000;
    }
    #right3{
        -moz-box-shadow:inset 0px 0px 10px #000000;
        -webkit-box-shadow:inset 0px 0px 10px #000000;
        box-shadow:inset 0px 0px 10px #000000;
    }
    /**/
    
    /* Centre Content */
    #contentContainer{
        -moz-box-shadow: 0px 0px 7px #000000;
        -webkit-box-shadow: 0px 0px 7px #000000;
        box-shadow: 0px 0px 7px #000000; 
    }
    #content{
        -moz-box-shadow:inset 0px 0px 10px #000000;
        -webkit-box-shadow:inset 0px 0px 10px #000000;
        box-shadow:inset 0px 0px 10px #000000;
    }
    /**/
    .button{
    -moz-box-shadow: 3px 3px 5px #000000;
    -webkit-box-shadow: 3px 3px 5px #000000;
    box-shadow: 2px 2px 2px #000000;
}
/* End 5 - Shadows CSS
------------------------------------------------------------------------------*/


/* 6 - Borders CSS
------------------------------------------------------------------------------*/
#pageContainer{
    border-radius: 0 0 15px 15px;
}
    /* Legand */
    #legand{
        -webkit-border-radius: 10px 0px 10px 0px;
        -moz-border-radius: 10px 0px 10px 0px;
        border-radius: 10px 0px 10px 0px;
    }
    /**/
    
    /* Left Side Content */
    #left2{
        -webkit-border-radius: 0 10px 0px 10px;
        -moz-border-radius: 0 10px 0px 10px;
        border-radius: 0 10px 0px 10px;
    }
    #left3{
        -webkit-border-radius: 0 10px 0px 10px;
        -moz-border-radius: 0 10px 0px 10px;
        border-radius: 0 10px 0px 10px;
    }
    #left4{
        -webkit-border-radius: 0 10px 0px 10px;
        -moz-border-radius: 0 10px 0px 10px;
        border-radius: 0 10px 0px 10px;
    }
    /**/
    
    /* Right Side Content */
    #right1{
        -webkit-border-radius: 10px 0px 10px 0px;
        -moz-border-radius: 10px 0px 10px 0px;
        border-radius: 10px 0px 10px 0px;
    }
    #right2{
        -webkit-border-radius: 10px 0px 10px 0px;
        -moz-border-radius: 10px 0px 10px 0px;
        border-radius: 10px 0px 10px 0px;
    }
    #right3{
        -webkit-border-radius: 10px 0px 10px 0px;
        -moz-border-radius: 10px 0px 10px 0px;
        border-radius: 10px 0px 10px 0px;
    }
    #bookButton{
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    /**/
    
    /* Centre Content */
    #contentContainer{
        -webkit-border-radius: 0 0 15px 15px;
        -moz-border-radius: 0 0 15px 15px;
        border-radius: 0 0 15px 15px;
    }
    #content{
        -webkit-border-radius: 0 10px 0px 10px;
        -moz-border-radius: 0 10px 0px 10px;
        border-radius: 0 10px 0px 10px;
    }
    /**/
    
    /* Booking */
    #bookingContent{
        border-radius: 5px;
        -moz-background-clip: padding-box;     /* Firefox 3.6 */
        -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
        background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
        border:solid 11px rgba( 80, 80, 80, 0.5); 
    }
    /**/
    .button{
    border-radius: 2px;
}
/* End 6 - Borders CSS
------------------------------------------------------------------------------*/


/* 7 - Images CSS
------------------------------------------------------------------------------*/
    body{
        background: url('../../pics/background.png');
    }
    
    .seatSelected{
        background-image: url("../../pics/selectedSeat.png");
    }
    
    .seatOpen {
    background-image: url("../../pics/open.png");
    }

    .seatBooked {
        background-image: url("../../pics/booked.png");
    }

    .seatReserved {
        background-image: url("../../pics/reserved.png");
    }
    
    .seatSpecial{
        background-image: url("../../pics/special.png");
    }
/* End 7 - Images CSS
------------------------------------------------------------------------------*/


/* 8 - Footer CSS
------------------------------------------------------------------------------*/
/* End 8 - Footer CSS
------------------------------------------------------------------------------*/