/* CSS Document */

/* Mediateca */
#mediatecaHeader {
    height: 185px;
    width:900px;
    margin:0 auto;
}
#mediatecaWrapper { width:960px; margin:0 auto; background: url(images/mediabg.jpg) no-repeat; height: 720px; }
#mediatecaHeader h1 {
    font-family: Georgia, Arial, sans-serif;
    font-size:36px;
    color:white;
    font-weight: normal;
    margin-top:0px;
    letter-spacing: 5px;
}

.emptygalery { font-family: Georgia, Arial, sans-serif; color:#cccccc; font-size:20px; letter-spacing: 3px; text-align: center;}

#container {
    width:650px;
    padding:0px;
    position:relative;
    z-index:0;
    float: left;
}


/* CSS for ad-gallery */
#container * {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
    line-height: 140%;
}
#container h2 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px dotted #dedede;
}

#container #gallery {
    padding: 30px;

}
.ad-controls {
    font-size: 12px !important; color:#cccccc;
}
.ad-nav { width: 870px !important;}
#container   #descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
}
#container #descriptions .ad-image-description {
    position: absolute;
}
#container #descriptions .ad-image-description .ad-description-title {
    display: block;
}
/*
#container ul {
    list-style-image:url(ad-gallery/list-style.gif);
}
*/
#container  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
}
#container  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
}

/* for mediateca tabs */


.previewBig { width:300px; float: left; /* height: 225px; */  padding:4px; text-align: center; position: relative;}
.audioBig { width:320px; height: 27px;  padding:4px; border:1px solid #cccccc; text-align: center; margin-bottom:8px; }
.previewBig img {cursor: pointer;}

.videoDescription { float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; color:white; text-align: left; padding-left:20px; width:200px; padding-top:20px; }
.videoDescription .when, .audioDescription .when { text-align: left; font-style: italic; color:#cccccc !important; font-family: Arial; font-size:13px;}
.audioDescription { font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; color:#cccccc; text-align: left; padding-top:0px; }

.ad-image-description { display:none; }

.video-overlay {
    background: url("images/overlay.png") no-repeat scroll -70px 0 rgba(0, 0, 0, 0);
    display: block;
    height: 44px;
    left: 50%;
    margin: -22px 0 0 -22px;
    position: absolute;
    top: 50%;
    width: 44px;
    cursor: pointer;
}
.previewBig:hover .video-overlay, #videoThumbs li:hover .video-overlay {
    background-position: -70px -65px;
}
.videoTitle { margin:0; font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; color:white; text-align: left; border-bottom:1px solid #cccccc; padding-bottom:2px; margin-bottom:15px;  padding-left:20px; padding-top:20px; }
.otherTitle { margin:0; font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; color:white; text-align: left; border-bottom:1px solid #cccccc; padding-bottom:2px; margin-bottom:15px;  padding-left:20px; padding-top:60px; }
.othergalleries, .othergalleries a, .audiomaterials, .audiomaterials a { color:#999999; text-decoration: none; font-family: Arial; font-size:14px; }
.othergalleries { list-style-type: none;}
.when { font-style: italic;}
.othergalleries p, .audiomaterials p {margin-top:0px;}
.othergalleries li, .audiomaterials li { margin-bottom: 15px;}
.audiomaterials  { list-style-type: none; margin-left:50px;}
/*
#videoThumbs .bx-viewport {  min-height: 90px; padding-top:10px; padding-bottom:10px; }
#videoThumbs .bx-wrapper { width:500px; maring:0 auto; }
#videoThumbs .bx-wrapper .bx-viewport { border:none !important; padding:5px !important;  }
#videoThumbs .bx-wrapper .bx-pager.bx-default-pager a:hover, #videoThumbs .bx-wrapper .bx-pager.bx-default-pager a.active  {background-color:rgba(105,134,211,1) !important;}
*/
#videoThumbs .bx-wrapper .bx-prev { margin-left:-60px;}
#videoThumbs .bx-wrapper .bx-next { right:-50px; }
#videoThumbs .bx-viewport{min-height:125px}
#videoThumbs .bx-wrapper .bx-viewport { box-shadow: none;}

#galThumbs .bx-wrapper .bx-prev { margin-left:-60px;}
#galThumbs .bx-wrapper .bx-next { right:-50px; }
#galThumbs .bx-viewport{min-height:125px}
#galThumbs .bx-wrapper .bx-viewport { box-shadow: none;}
#galThumbs img { border:1px solid #cccccc; }
#audioThumbs .bx-viewport {height: 30px;}
#audioThumbs ul.audioslider { margin-top:0px;}
#audioThumbs .bx-wrapper .bx-viewport { box-shadow: none;}