body {
    background:url("resource/bg-body.png");
}
page {
    background:url("resource/bg-page.png") repeat-x;
    font-family: "FrutigerLTW02-55Roman","Frutiger Roman","Frutiger Linotype","Segoe UI","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
    width:100%;
}
.header, .main, .footer {
    width:100%;
    max-width:1050px;
    margin:0 auto;
}
.header {
    margin-bottom:2rem;
    padding-top:1rem;
    font-family: "Yanone Kaffeesatz",Helvetica,Arial,Verdana,sans-serif;
    color:#333;
}
.main {
    background-color:#fff;
    padding:5px;
}

/* Styles in the header */

.header img {
    height:79px;
    width:239px;
}
.header div {
    font-size:80%;
    width:100%;
    height:100%;
    margin:60px 0 0 -100px;
    
}
.header p {
    margin:0;
    line-height:1.4em;
}

/* Styles for advanced search pop-up box/contents */

.ngdialog.ngdialog-theme-default .ngdialog-content  {
    background:#665297;
    color:white;
    font-size:1em;
    min-height:320px;
}
.ngdialog-content p {
    height:15px;
}
.g3-search-text {
    min-width:70%;
    padding:2px;
    border:2px solid white;
    background:#7765A0;
    color:white;
    float: right;
    font-size:1em;
}
g3-search-button button {
    margin:5px 0 0 125px;
    padding:4px 10px;
    border:none;
    border-radius:0.3em;
    background:white;
    color:#665297;
}
g3-search-button button:hover {
    background-color:#f1f1f1;
}
ng-transclude .ng-scope {
    font-size:1.5em;
    font-weight:bold;
}
.ashdr {
    margin:3mm 0;
    padding:6px 1px;
    background:#fff url("resource/as-purple.png") no-repeat left center;
    color:#665297;
    font-size:1.5em;
    text-align:center;
}
.ashdr span {
    font-weight:normal;
}

/* Styles in Results */

.result-fields, #wshic-container {
    font-size:9pt;
}
.result-thumbnail {
    float:left;
}
.result-fields {
    font-style: italic;
    color: navy;
}
.result-title {
    color:#285a94;
    font-size:11pt;
    font-style:normal;
}
.search-container {
    width:10%;
    min-width:300px;
    max-width: 565px;
}
.transcript {
    width:100%;
    min-width:300px;
}
.document-map {
    margin-right:5px;
}
#transcript-text {
    width:100%;
}
#player {
    height:40vh;
    min-height:250px;
}