/* PrimeFaces stuff */

.ui-tabs-nav {
/*     max-width: 693px !important; */
}


/* Container section */

#container {  
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 978px;
}  

#container {
/*     border: 1px solid red; */
}


/* Header section */

#header {
    position: relative;
    height: 101px;
    background-color: #aa5a09;     
}

#header-interior {
    display: block;
    border: 0;
}


#site-logo {
    display: block;
    top: 0px;
    position: absolute;
    border: 0 !important;
    width: 219px;
    height: 101px;
    background: transparent url(/resources/gfx/commons/Musific_logo_background.png) no-repeat;
}

#site-logo-tagline {
    width: 388px;
    height: 49px;
    background: transparent url(/resources/gfx/commons/Performing_arts_made_easier.png) no-repeat;
}

#site-logo img {
    border: 0 !important;
    z-index: 9999 !important; /* added because img disaperars */
    visibility: visible;  /* added because img disaperars */    
}

#site-logo-tagline {
    position: absolute;
    float: left;
    margin-left: 215px !important;
    top: 40px;
    z-index: 99;
}

.quicksearch-field {
    position: absolute;
    top: 50px;
    border: 0;
    height: 27px;
    max-width: 210px;
    margin-left: -212px !important;
    background: transparent url(/resources/gfx/commons/Searchbox.png) no-repeat;
}

#quicksearch-field {
    border: 0 !important;    
    color: black !important;
}

.quicksearch-button {
    position: absolute;
    top: 55px;
    width: 21px;
    height: 20px;
    border: 0;
    margin: 0;
    padding: 0;
    margin-left: -31px !important;
    background: transparent url(/resources/gfx/commons/Search_icon.png) no-repeat;
}

#quicksearch-field.ui-inputfield {
    font-weight: normal !important;
    padding-left: 1em;
    padding-top: 0;
    padding-right: 5em !important;
}

#menu-top\3A menu-navigation {
    background-color: #aa5107;
    height: 27px;
    border: 0;
    padding: 0;
    margin: 0;
}

#menu-top\3A menu-navigation ul {
    text-decoration: none;
    border: 0;
    padding: 0;
    margin: 0;
}

#menu-top\3A menu-navigation ul > li {
    border: 0;
    padding: 5px 0 0 30px !important;
    float: left;    
    list-style: none !important;
    
}

#menu-top\3A menu-navigation ul > li a {
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    color: white !important;
    border: 0;
}


/* Menu locale selector */

#locale-selector-simple {
    display: inline-block;
    margin-top: 5px;
    padding-right: 2em;
}

#locale-selector-simple a {
    color: white;
}

#locale-selector {
    float: right;
    margin-top: 5px;
}

.locale-flag-right {
    margin-right: 30px;
}

.locale-flag {
    margin-left: 5px;
}

/* Content section:
container is 978px minus intrinsic padding of 30x2= 60 ): 918px
content is 918px+30px+30=978
center is 638+21px=659px
aside is 253+3px+3px=259px
*/

#content {  
    display: table;
    padding: 21px 30px 21px 30px;
    width: 918px;    
    min-height: 500px;
    height: auto !important;
}  

.content-row {
    display: table-row;
}    

/* IE8 fails on PF: , .ui-tabs, .ui-datatable, .ui-accordion, .fc */
#center {
/*     border: 1px solid red; */
    display: table-cell;
}

.center {
    padding: 0 21px 0 0;      
    width: 638px;
    min-width: 638px;
    max-width: 638px;
}

.center-full {
    width: 918px;
    min-width: 918px;
    max-width: 918px;
}

aside {  
/*     border: 1px solid red; */
    display: table-cell; 
    padding: 0 3px 0 3px;     
    width: 253px;
    min-width: 253px;
    height: auto !important;
    vertical-align: top;
    text-align: left;
}  


#right {
/*     display: inline-block; */
    width: 253px;
    height: auto !important;
/*     border: 1px solid gray !important; */
}

#right-interior {
    padding: 0;
    border: 0;
    margin-left: 27px;
}





/* Footer section */

#footer {
    position: relative;
    clear: left;
    padding: 0;
    border: 0;
    margin: 0;    
    /* added experimental */
}

#footer-interior {
    margin: 0 30px 1em 30px;
    padding-top: 1em;
    padding-bottom: 1em;
}

#footer-interior-bottom {
    margin-top: 1.5em;
}

a.footer-interior-link {
    display: block;
    color: #949494;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-bottom: 0.5em;
}

#footer-interior-bottom > a, #footer-interior-bottom span {
    text-decoration: none;
    font-size: 10px;
    color: #747474;
    margin-right: 0.5em;
}
    
#footer-interior-1 {
    display: inline-block;
    width: 190px;
    vertical-align: top;
}

#footer-interior-2 {
    display: inline-block;
    width: 190px;
    vertical-align: top;
}

#footer-interior-3 {
    display: inline-block;
    width: 190px;
    vertical-align: top;
}

#footer-interior-4 {
    display: inline-block;
    width: 190px;
    vertical-align: top;
}

#footer-interior-5 {
    position: absolute; 
    float: right; 
    top: 12px;
    right: 30px;
    display: inline-block;
    width: 180px; 
    vertical-align: top;
    text-align: right;
}

#footer-interior-5 a {
    margin-left: 0.5em;
}

#footer-interior-5 a img {
    border: 0;
}
    
#footer #credits {
    float: left;
    width: 250px;
}

#footer p {
    font-size: 1.2em;
    color: #fff;
    margin: .5em 0;
    line-height: 1.4;
}

#footer p a {
    color: #5DB0E6;
    text-decoration: underline;
}

#footer p#hosting {
    font-size: 1.1em;
}

#footer p#hosting a {
    color: #fff;
}

#footer p#hosting a.mediaTemple {
    margin-left: .2em;
    background: url() left 50% no-repeat;
    padding-left: 30px;
}

#footer #footer-navigation {
    margin-top: 1em;
    float: right;
}

.footer-locale-selector-invisible {
    display: none;
    visibility: hidden;
}

.footer-locale-selector {
    float: right;
    clear: left;
    margin-top: -2px !important;
    padding: 0 !important;
}

.footer-locale-selector * {
    color: #747474 !important; 
    font-size: 10px;
}