page {
    font-family:"Calibri",sans-serif;
    width:100%;
}
.header, .main, .footer {
    width:100%;
    max-width:960px;
    margin:0 auto;
}
.header {
    min-height: 150px;
    border-bottom: 1px solid #e2e2e2;
    background:url("resource/captjoe_banner.jpg") transparent center center;
    background-size:cover ;
}
.header img {
    height: 100px;
    width: 100px;
}
.main {
    background-color:#fff;
    padding:5px;
}

hr {
    color:#000000;
}

/* 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 */
.results-list {
    width:100%;
}
.results-list li {
    border-bottom:1px dashed #ccc;
    padding:10px 0;
}
.result-fields, #wshic-container {
    font-style:normal;
    font-size:0.9em;
}
.result-thumbnail {
    float:left;
}
.result-fields {
    font-style: italic;
    color: #333;
}
.result-title {
    color:#285a94;
    font-size:1.15em;
    line-height:1em;
}
.search-container {
    width:50%;
    min-width:300px;
    max-width: 500px;
}
#result-duration {
    background-color:#000000;
    border-radius:2px;
    color:#FFFFFF;
    float:left;
    font-size:0.9em;
    margin-top:4px;
    padding:1px 4px;
}
#wshic-container {
    padding-top:4px;
    line-height:1.2em;
}
.transcript {
    width:100%;
    min-width:300px;
}
#transcript-text {
    width:100%;
}
#player {
    height:40vh;
    min-height:250px;
}