page {
    font-family:"MyriadProRegular",Helvetica,Arial,sans-serif;
    max-width:1000px;
	width:100%;
}
.header, .main, .footer {
    width:100%;
    margin:0 auto;
}
.header {
    min-height:0;
}

/* Styles in the 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:65%;
    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:75%;
}
.result-fields {
    font-style: italic;
    color: navy;
    line-height:1.3em;
}
.result-title {
    color:#285a94;
    font-size:1.1em;
    font-style:normal;
    margin-bottom:2px;
}
.result-duration {
    background-color:#000000;
    border-radius:2px;
    color:#FFFFFF;
    float:left;
    font-size:0.9em;
    margin-top:2px;
    padding:1px 4px;
}
.search-container {
    width:10%;
}
.transcript {
    width:100%;
}
.document-map {
    margin-right:5px;
}
#transcript-text {
    width:100%;
}
#player {
    height:40vh;
    min-height:250px;
}