/*
* Styles for list view
*/
.prefixlinks{
    font-size: 2em;
}

.searchInAuthors{
    margin-bottom: 2em;
}

.prefixlinks{
    margin-bottom: 1em;
    margin: 0 auto;
    padding: 10px 0px;
}
.prefixlinks .active{
    text-decoration: underline;
}

.prefixlinks a{
    padding: 0.1em;
}

.searchInAuthors .input-text {
    border: 1px solid #254075;
    color: #254075;
}


.authorlist .authorLinkDiv{
    padding: 0.2em;
}

.authorlist .pages{
    display: block;
}
.authorlist .amount{
    display: none;
}

#authorlist-0{
    margin: 0 auto;
}

#authorlist-1,
#authorlist-2{
    margin: 0 auto;
}


@media screen and (min-width : 900px) {
    #authorlist-0{
        float: left;
        width: 33%;
    }

    #authorlist-1{
        float: left;
        width: 33%;
        clear: none;
    }

    #authorlist-2{
        float: right;
        width: 33%;
        clear: none;
    }
}


/*
* Styles for detail view
*/
.authordetail-img{
    display: block;
}

.author-information .author-name{
    margin-bottom: 0.5em;
}

.author-description{
    margin-bottom: 1em;
}

.authorProducts{
    margin-top: 6em;
}

.author-detail-tabs{
    margin-top: 3em;
}

.author-detail-tabs h5.product-name {
    height: auto !important;
}

.cat-accord li.active{
    background: #254075;
}

.cat-accord li.active a{
    color: #fff;
}

/*
* Styles for gallery view
*/
.ax_default .product-image-zoom img {
    width: 100px;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    padding: 6px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 3px #E0E0E0;
    -box-shadow: 0 0 3px #E0E0E0;
    -moz-box-shadow: 0 0 3px #E0E0E0;
    -webkit-box-shadow: 0 0 3px #E0E0E0;
    float: left;
    margin: 1em 1em 1em 0em;
}

#workOfTheWeekFrame{
    min-height: 900px;
    width:100%;
    height:100%;
}

@media only screen and (max-width: 719px){
    #jm-col1.col-left {
        display: block !important;
        width: 100%;
    }
    .author-detail-block{
        max-width: 100% !important;
    }
}
@media only screen and (max-width: 985px) and (min-width: 720px){
    #jm-col1.col-left {
        display: block !important;
        width: 100%;
    }
}

@media only screen and (max-width: 1240px) and (min-width: 720px) {
    .author-detail-block {
        max-width: 50% !important;
    }
}
/*
* Styles for performances
*/

.performancePreview {
    margin-top: 1em;
}

.performanceTab, .performanceComments{
    margin-top: 1em;
}

.performancDates{
    margin-top: 1em;
}
div.performancePreviewDate, div.performancePreviewSeparator, div.performancePreviewPlace {
    display: inline;
}

#authorComposerBrochure{
    margin-top: 1.5em;
}

.otherProducts{
    margin-top: 1em;
}

.otherProduct{
    margin-top: 0.5em;
}

.otherProductComposer{

}
.otherProductName{
    font-weight: bold;
}


/**
* Styles for chronology
*/
.chronolgyRow{
    display:block;
    clear: both;
}
.chronologyLeft, .chronologyRight{
    float:left;
    line-height:2;
}
.chronologyLeft{
    width: 15%;
    font-weight: bold;
}
.chronologyRight{
    width: 80%;
}

/**
* News IFrame
*/
#newsFrame{
    min-height: 500px;
    width:100%;
    height:100%;
}

/**
* Performance Filter
*/
.filterline {
    padding: .3em;
    line-height: 3;
    display: block;
    height: 2.5em;
}
div.filterBoxLeft {
    width: 15%;
    float: left;
    display: inline;
}
div.filterBoxRight {
    width: 75%;
    display: inline;
}
div.filterBoxReset {
    float: left;
    display: inline;
    margin-right: 1em;
}
div.filterBoxSubmit {
    float: left;
    display: inline;
}
.filterBoxLeft label, .filterBoxRight label {
    color: #333;
    font-weight: bold;
}
.filterlineButtons{
    margin-top: 1em;
}
input.ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}
.author-detail-tabs .products-grid .product-image img{
    max-width: 100px;
}

.author-detail-block{
    float: left;
    max-width: 60%;
}