﻿/* pagination */
/* shared pager */
.pagination .active a{ background-color:#332e06; }
.pagination li a{ border: solid 1px #ddd;}

/* listing */
.alist { clear: both; }
.alist .title { font-size: 16px; font-weight:bold; padding-bottom: 8px; }
.alist .title a, .alist .title a:visited, .alist .title a:link{ color:#036}
.alist .poster{text-align:center}
.alist .poster img{max-height:90px;box-shadow: 1px 1px 5px #888;}
.alist hr { border: 0; height: 1px; background: #aaa; background: -moz-linear-gradient(left, #ffffff 0%, #dddddd 20%, #dddddd 80%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(20%,#dddddd), color-stop(80%,#dddddd), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); background: -ms-linear-gradient(left, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); background: linear-gradient(to right, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); margin-bottom: 13px; margin-top: 13px; padding-bottom: 1px; }
.alist .more{font-weight:bold;white-space:nowrap;margin-left:10px}
@media (max-width: 767px) {
    .alist .title { font-size: 14px; }
}

.alist.bio { display: inline-block; width: 100%; }
.alist.bio .item { padding: 0 .5em 1em .5em; margin: 0; height: 290px; vertical-align: top; }
.alist.bio .poster { float: none; padding: 0; height: 150px; min-width: inherit; }
.alist.bio .info { text-align: center;  }
.alist.bio .info .name { font-size: 1.1em; text-transform: uppercase; padding-top: 5px; color: black; font-weight: bold; }
.alist.bio .info .subtitle { font-size: .9em; font-weight: normal; }
.alist.bio .poster img { max-height: 150px; max-width: 100%; }
.alist.bio .info-bar { color: #900; font-weight: bold; font-style: italic; }
@media (max-width: 767px) {
    .alist.bio .item { border: none; }
}
@media (max-width:450px) {
    .alist.bio .item { width: 100%; }
}


/* detail */
.adetail h1 { font-size:25px; font-weight:normal }
.adetail hr { width:40%; margin: 10px auto 10px; border: 0; height: 1px; background: #eee; background: -moz-linear-gradient(left, #eee 0%, #dddddd 20%, #dddddd 80%, #eee 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eee), color-stop(20%,#dddddd), color-stop(80%,#dddddd), color-stop(100%,#eee)); background: -webkit-linear-gradient(left, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); background: -o-linear-gradient(left, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); background: -ms-linear-gradient(left, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); background: linear-gradient(to right, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#eee',GradientType=1 ); }
.adetail .content{ clear:both}
.adetail .task-bar{
    height: 22px;
    margin-bottom: 20px;
    padding-right:10px;
    background: #036;
    background: -moz-linear-gradient(top,rgba(0,51,102,1) 0%,rgba(34,76,128,1) 80%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,51,102,1)),color-stop(80%,rgba(34,76,128,1)));
    background: -webkit-linear-gradient(top,rgba(0,51,102,1) 0%,rgba(34,76,128,1) 80%);
    background: -o-linear-gradient(top,rgba(0,51,102,1) 0%,rgba(34,76,128,1) 80%);
    background: -ms-linear-gradient(top,rgba(0,51,102,1) 0%,rgba(34,76,128,1) 80%);
    background: linear-gradient(to bottom,rgba(0,51,102,1) 0%,rgba(34,76,128,1) 80%);
    box-shadow: 2px 3px 3px silver;
    clear:both;
}
.adetail .task-item { float:right;margin-right:20px}
.adetail .task-item a.link, .adetail .task-item a.link:link, .adetail .task-item a.link:hover, .adetail .task-item a.link:visited{color:#fff;text-decoration:none}

.adetail .contacts { clear: both; margin: 20px 0 20px 0; }
.adetail .contacts .contact { border-left: 3px solid #990000; padding-left: 24px; margin-left: 20px; color: #35332C; }


.adetail-block{ width:335px;margin-left:20px;display:inline-block;background-color: #f3f3f3;border:1px solid #dee3e7;margin-bottom:20px;clear:both;float:right}
.adetail-block .inner{ padding:10px 15px 10px 15px; position:relative }
.adetail-block .header{
    background: #fafbfd; /* Old Browsers */
    background: -webkit-linear-gradient(top,#fafbfd,#e5e8ed); /*Safari 5.1-6*/
    background: -o-linear-gradient(top,#fafbfd,#e5e8ed); /*Opera 11.1-12*/
    background: -moz-linear-gradient(top,#fafbfd,#e5e8ed); /*Fx 3.6-15*/
    background: linear-gradient(to bottom, #fafbfd, #e5e8ed); /*Standard*/
    overflow: hidden;
    padding:3px;
}

.adetail-block .header .btitle{ float:left; font-weight:bold;padding-left:10px}
.adetail-block .header .bpager{ float:right;margin:0}
.adetail-block .header .bpager li {float:left; list-style-type:none;padding:0 10px 0 10px}


.adetail .gallery .action{ font-size:12px;width:100%;display:inline-block;margin:15px 0 0 0}
.adetail .gallery .action li{float:left; list-style-type:none;padding:0 10px 0 0}

.adetail .gallery .aimage{margin: 0 auto 10px}

.adetail-block hr { border: 0; height: 1px; background: #eee; background: -moz-linear-gradient(left, #eee 0%, #dddddd 20%, #dddddd 80%, #eee 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eee), color-stop(20%,#dddddd), color-stop(80%,#dddddd), color-stop(100%,#eee)); background: -webkit-linear-gradient(left, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); background: -o-linear-gradient(left, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); background: -ms-linear-gradient(left, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); background: linear-gradient(to right, #eee 0%,#dddddd 20%,#dddddd 80%,#eee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#eee',GradientType=1 ); margin-bottom: 3px; margin-top: 3px; padding-bottom: 2px; }
.adetail-block .poster img{max-height:100px;box-shadow: 1px 1px 5px #888;margin:5px auto 10px;}
@media (max-width: 767px) {
    .adetail-block { float: none; width:100%;margin-left:0}
    .adetail .content{ display:flex;flex-direction:column;}
    .adetail-block{ order:2}
    .adetail-block.gallery{ order:0}
}

.adetail .gallery #dam{ min-height: 400px; overflow:hidden}
.adetail .gallery #dam .item {max-width: 300px;}
@media (max-width: 767px, print)
{
    .adtail .gallery #dam{ height:unset}
}


/* contact */
.adetail .contact{ border-left:4px solid #999;padding-left:15px;margin:10px 0 15px 0 }
.adetail .contact li{list-style-type:none; }

/* tags */
.adetail .tag { padding-right: 10px; float: left; }
.adetail .tags { clear: both; }

.adetail.bio h2{ font-size:14px; margin:0 0 5px 0}
.adetail.bio .header .left, .aprint.bio .header .left, .adetail.news .left { display: inline-block; float: left; }
.adetail.bio .header .right, .aprint.bio .header .right { display: inline-block; float: right; }
.adetail.bio .header .title { font-size: 2em; margin-bottom: 10px; }
.adetail.bio .info { font-weight: bold; font-style: italic; }

/* jcs */
.alist.jcsnews .item { padding-bottom:10px}
.alist.jcsnews .title a, .alist.jcsnews .title a:visited, .alist.jcsnews .title a:link{     font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    text-decoration: none;}
.adetail-block.jcs .header{
    background: #E8E8E8; /* Old Browsers */
    background: -webkit-linear-gradient(top,#E8E8E8,#C6C6C6); /*Safari 5.1-6*/
    background: -o-linear-gradient(top,#E8E8E8,#C6C6C6); /*Opera 11.1-12*/
    background: -moz-linear-gradient(top,#E8E8E8,#C6C6C6); /*Fx 3.6-15*/
    background: linear-gradient(to bottom, #E8E8E8, #C6C6C6); /*Standard*/
    overflow: hidden;
    padding:3px;
}

.adetail.jcs .task-bar { background: none; box-shadow:none;margin-bottom:16px;height:unset;display:inline-block;width:100%}

.adetail.jcs.bio .subtitle{ font-size:16px;font-weight:bold;padding-bottom:15px}
.adetail.jcs.bio .image{float:right; max-width:350px;text-align:center;padding:0 0 15px 15px}
.adetail.jcs.bio img{box-shadow:1px 1px 5px #888;}
.adetail.jcs.bio li {list-style:none;;margin-top:7px}
@media (max-width: 767px) {
    .adetail.jcs.bio .image { float: none; width: 100%; max-width: none; padding: 0 0 15px 0;  }
    .adetail.jcs.bio .aimage{margin:0 auto}
}


/* dashboards */

/*generic dashboard classes*/
.adash { display: inline-block; width: 100%; }
.adash .icon-vid { color: #E2380F; padding-left: 5px; }
.adash .footer { float: right; font-size: 1em; padding-right: 10px; margin-top: 10px; }
.adash .footer a { padding: 6px 0px; color: #084476; display: inline-block; font-weight: normal; }
.adash hr { border: 0; height: 1px; background: #aaa; background: -moz-linear-gradient(left, #ffffff 0%, #dddddd 20%, #dddddd 80%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(20%,#dddddd), color-stop(80%,#dddddd), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(left, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); background: -ms-linear-gradient(left, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); background: linear-gradient(to right, #ffffff 0%,#dddddd 20%,#dddddd 80%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); margin-bottom: 13px; margin-top: 13px; padding-bottom: 2px; }
.adash .poster { text-align: center; float: left; padding-right: 15px; }
.adash .poster img { box-shadow: 1px 1px 5px #888888; max-width: 115px; max-height: 75px; }
.adash .item { display: inline-block; width: 100%; }
.adash a { font-weight: bold; }
.adash .title { font-size: 16px; display: block; }
.adash .rss { z-index: 999; text-align: right; width: 100%; padding: 10px; }
.adash .rss a { color: #F28422; }
.adash .rss-link { color: #F28422; }
.adash .info{display:inline-block}
@media (max-width: 767px) {
    .adash .title { display: inline; }
}
.adash .links { font-size: .85em; display: inline-block; }
.adash .links a { color: #479ACB; }
.adash .links a:hover { color: #B41019; }

/* bio */
.adash-bio{display:block;}
.adash-bio .flex-grid{display:flex;flex-wrap:wrap;}
.adash-bio .item{width:25%;padding-left:5px;padding-right:5px;text-align:center;margin-bottom:10px}
.adash-bio .dimg{margin:0 auto;}
.adash-bio .more{font-weight:bold}

@media (max-width: 767px) {
    .adash-bio .item { width: 33%;}
}

@media (max-width: 480px) {
    .adash-bio .item { width: 50%;}
}

/* detailed */
.adash.adash-detailed .item{ padding-bottom:10px}

/* factsheets */
.adash.adash-factsheets .item { padding: 5px 0 5px 5px;border-bottom: 1px solid #dadada;}
.adash.adash-factsheets a { margin-left:10px}

/* image on right*/
.adash.adash-ir .poster{ float:right; padding:0 0 0 15px}

/* simple */
.adash.adash-simple .item{ float:left;width:unset}
.adash.adash-simple .poster{ padding-right: 5px }

/* archive yme*/
.adash.archiveYME .year {padding-bottom:4px;display:inline-block}
.adash.archiveYME .month {font-weight:normal;padding-left:20px;padding-bottom:4px;display:inline-block}


.adetail-block.gallery {
    max-width: 35% !important;
    height: auto !important;
    margin: 5px !important;
    float: right !important;
}

@media (max-width: 767px) {
    .adetail-block.gallery {
        max-width: 95% !important;
        margin: 5px auto !important;
        float: none !important;
    }
}

img.aimage.img-responsive {
    max-width: 100% !important;
    height: auto !important;
    margin: 5px !important;
    float: right !important;
}

.aprint.bio {
    padding : 10px !important;
}

@media print {
    .adetail-block.gallery {
        max-width: 35% !important;
        height: auto !important;
        margin: 5px !important;
        float: right !important;
    }

    img.aimage.img-responsive {
        max-width: 100% !important;
        height: auto !important;
        margin: 5px !important;
        float: right !important;
    }
}
