/* 
    Document   : PYD Network MU Plugin Styles
    Created on : Nov 6, 2011, 11:48:28 AM
    Author     : Michael Gyura
    Description:
        to style the PYD Network MU Plugin
*/

/* Styles for the Google Maps and Direction section */

.PYDgoogleDirections table.gadget {
    width: 100%;
}

.single .post .PYDgoogleDirections .title, .entry-content .PYDgoogleDirections .title, .PYDgoogleDirections .title {
    display: none;
}

.entry .PYDgoogleDirections table tr.alt-table-row, .entry-content .PYDgoogleDirections table tr.alt-table-row {

}

.entry .PYDgoogleDirections table td, .entry-content .PYDgoogleDirections table td {
    border: none;
    padding: 0;
}

.PYDgoogleDirections .powered {
    display: none;
}

.PYDgoogleDirections #dynamic_container {
    width: 100%;
}

.PYDgoogleMap {

}

/* Styles for general overrides */
#home-top a, #home-top a:visited {
    color: #CC3300;
}

/* CSS for PYD Custom Functions Plugin */

#content .pyd_our_staff {
    padding: 15px;
}

#publicationContainer {
    clear: both;
}

#publicationTable {
    padding-top: 5px;
}

#publicationTableHead {
    height: 100%;
    width: 90%;
    padding-top: 5px;
    padding-left: 20px;
    margin-top: 20px;
    border-bottom-width: medium;
    border-bottom-style: solid;
    border-bottom-color: #666;
}

#publicationTableBody {
}

#publicationTableHead h3 {
    font-size: 20px;
    margin: 0px;
    padding: 0px;
}

#publicationTableHead .publicationLeft, .publicationTableBody .publicationLeft {
    width: 20%;
}

#publicationTableHead .publicationRight, .publicationTableBody .publicationRight {
    width: 20%;
    padding-left: 5px;
}

#publicationTableHead .publicationCenter, .publicationTableBody .publicationCenter {
    width: 50%;
}

#publicationTableHead .publicationLeft, #publicationTableHead .publicationCenter {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFF;
}

.publicationTableBody .publicationLeft, .publicationTableBody .publicationCenter {
    /* [disabled]border-right-width: 1px; */
    /* [disabled]border-right-style: solid; */
    /* [disabled]border-right-color: #143d8d; */
    height: 100%;
}

.publicationLeft, .publicationCenter, .publicationRight {
    float: left;
}

.publicationTableBody .publicationCenter {
    border-right-width: thin;
    border-left-width: thin;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #143d8d;
    border-left-color: #143d8d;
    padding-right: 5px;
    padding-left: 5px;
}

#publicationTableHead .publicationCenter {
    padding-right: 5px;
    padding-left: 5px;
}

.publicationTableBody {
    width: 90%;
    padding-top: 10px;
    padding-left: 20px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #143d8d;
    height: 100%;
    padding-bottom: 5px;
}

/* Staff Section */
.staffList {
    margin-bottom: 15px;
    overflow: hidden;
}

.staffListLarge {
    margin-top: 10px;
}

.staffListLarge .staffListLeft {
    float: left;
    width: 125px;
    overflow: hidden;
    height: 175px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
}

.staffList .staffListLeft {
    float: left;
    width: 30%;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
}

.staffList .staffListLeft img, .staffListLarge .staffListLeft img {
    margin: auto;
    text-align: center;
    display: block;
    margin-top: 8px;
}

.pydImageLeft {
    max-width: 125px;
    max-height: 145px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.staffListRight {
    float: right;
    width: 65%;
}

.staffList h5 a, .staffListLarge h5 a {
    text-align: center;
    font-size: 11px;
    display: block;
}

.staffList .entry-title a:hover, .staffListLarge .entry-title a:hover {
    text-decoration: underline;
}

.staffthumbListLeft {
    float: left;
    width: 125px;
    height: 240px;
    margin: 0 7px;
    overflow: hidden;
}

.staffthumbListLeft h5 {
    font-size: 14px;
    text-align: center;
    clear: both;
}

.staffthumbListLeft img.pydImageLeft {
    display: block;
    margin: 5px auto;
    float: none;
}

.pydStaffContact {
    clear: both;
    margin-top: 20px;
}

.staffTitle a {
    color: #666;
    text-decoration: none;
}

.staffTitle a:hover {
    text-decoration: underline;
}

/* Paging Styles */
.pydPaging {
    width: 90%;
    text-align: center;
    padding-top: 8px;
}

.pydClear {
    clear: both;
}

/*
* Skin for jPlayer Plugin (jQuery JavaScript Library)
* http://www.happyworm.com/jquery/jplayer
*
* Skin Name: Blue Monday
*
* Copyright (c) 2010 Happyworm Ltd
* Dual licensed under the MIT and GPL licenses.
*  - http://www.opensource.org/licenses/mit-license.php
*  - http://www.gnu.org/copyleft/gpl.html
*
* Author: Silvia Benvenuti
* Skin Version: 3.0 (jPlayer 2.0.0)
* Date: 20th December 2010
*/

div.jp-audio,
div.jp-video {
    /* Edit the font-size to counteract inherited font sizing.
      * Eg. 1.25em = 1 / 0.8em
      */

    /* [disabled]font-size:1.25em; */
    /* [disabled]font-family:Verdana, Arial, sans-serif; */
    /* [disabled]line-height:1.6; */
    /* [disabled]color: #666; */
}

div.jp-audio {
    width: 100%;
}

div.jp-video-270p {
    width: 480px;
}

div.jp-video-360p {
    width: 640px;
}

div.jp-interface {
    position: relative;
    background-color: #eee;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}

div.jp-audio div.jp-type-single div.jp-interface {
    height: 80px;
    border-bottom: none;
}

div.jp-audio div.jp-type-playlist div.jp-interface {
    height: 80px;
}

div.jp-video div.jp-type-single div.jp-interface {
    height: 60px;
    border-bottom: none;
}

div.jp-video div.jp-type-playlist div.jp-interface {
    height: 60px;
}

div.jp-interface ul.jp-controls {
    list-style-type: none;
    padding: 0;
    text-align: center;
    margin: 0;
}

div.jp-interface ul.jp-controls li {
    /* position: absolute; */
    display: inline;
}

div.jp-interface ul.jp-controls a {
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
    width: 40px;
    height: 40px;
    z-index: 1;
}

div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
    top: 20px;
    left: 40px;
}

div.jp-audio div.jp-type-playlist a.jp-play,
div.jp-audio div.jp-type-playlist a.jp-pause {
    top: 20px;
    left: 48px;
}

div.jp-video a.jp-play,
div.jp-video a.jp-pause {
    top: 15px;
}

div.jp-video-270p div.jp-type-single a.jp-play,
div.jp-video-270p div.jp-type-single a.jp-pause {
    left: 195px;
}

div.jp-video-270p div.jp-type-playlist a.jp-play,
div.jp-video-270p div.jp-type-playlist a.jp-pause {
    left: 220px;
}

div.jp-video-360p div.jp-type-single a.jp-play,
div.jp-video-360p div.jp-type-single a.jp-pause {
    left: 275px;
}

div.jp-video-360p div.jp-type-playlist a.jp-play,
div.jp-video-360p div.jp-type-playlist a.jp-pause {
    left: 300px;
}

a.jp-play {
    background: url("images/jplayer.blue.png") 0 0 no-repeat;
}

a.jp-play:hover {
    background: url("images/jplayer.blue.png") -41px 0 no-repeat;
}

a.jp-pause {
    background: url("images/jplayer.blue.png") 0 -42px no-repeat;
    display: none;
}

a.jp-pause:hover {
    background: url("images/jplayer.blue.png") -41px -42px no-repeat;
}

div.jp-audio div.jp-type-single a.jp-stop {
    top: 26px;
    left: 90px;
}

div.jp-audio div.jp-type-playlist a.jp-stop {
    top: 26px;
    left: 126px;
}

div.jp-video a.jp-stop {
    top: 21px;
}

div.jp-video-270p div.jp-type-single a.jp-stop {
    left: 245px;
}

div.jp-video-270p div.jp-type-playlist a.jp-stop {
    left: 298px;
}

div.jp-video-360p div.jp-type-single a.jp-stop {
    left: 325px;
}

div.jp-video-360p div.jp-type-playlist a.jp-stop {
    left: 378px;
}

a.jp-stop {
    background: url("images/jplayer.blue.png") 0 -83px no-repeat;
    width: 28px;
    height: 28px;
    z-index: 1;
}

a.jp-stop:hover {
    background: url("images/jplayer.blue.png") -29px -83px no-repeat;
}

div.jp-audio div.jp-type-playlist a.jp-previous {
    left: 20px;
    top: 26px;
}

div.jp-video div.jp-type-playlist a.jp-previous {
    top: 21px;
}

div.jp-video-270p div.jp-type-playlist a.jp-previous {
    left: 192px;
}

div.jp-video-360p div.jp-type-playlist a.jp-previous {
    left: 272px;
}

a.jp-previous {
    background: url("images/jplayer.blue.png") 0 -112px no-repeat;
    width: 28px;
    height: 28px;
}

a.jp-previous:hover {
    background: url("images/jplayer.blue.png") -29px -112px no-repeat;
}

div.jp-audio div.jp-type-playlist a.jp-next {
    left: 88px;
    top: 26px;
}

div.jp-video div.jp-type-playlist a.jp-next {
    top: 21px;
}

div.jp-video-270p div.jp-type-playlist a.jp-next {
    left: 260px;
}

div.jp-video-360p div.jp-type-playlist a.jp-next {
    left: 340px;
}

a.jp-next {
    background: url("images/jplayer.blue.png") 0 -141px no-repeat;
    width: 28px;
    height: 28px;
}

a.jp-next:hover {
    background: url("images/jplayer.blue.png") -29px -141px no-repeat;
}

div.jp-progress {
    position: absolute;
    overflow: hidden;
    background-color: #ddd;
}

div.jp-audio div.jp-type-single div.jp-progress {
    top: 32px;
    left: 130px;
    width: 122px;
    height: 15px;
}

div.jp-audio div.jp-type-playlist div.jp-progress {
    top: 32px;
    left: 164px;
    width: 122px;
    height: 15px;
}

div.jp-video div.jp-progress {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 10px;
}

div.jp-seek-bar {
    background: url("images/jplayer.blue.png") 0 -202px repeat-x;
    width: 0px;
    /* height:15px; */
    height: 100%;
    cursor: pointer;
}

div.jp-play-bar {
    background: url("images/jplayer.blue.png") 0 -218px repeat-x;
    width: 0px;
    /* height:15px; */
    height: 100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
    background: url("images/pbar-ani.gif");
}

a.jp-mute,
a.jp-unmute {
    width: 18px;
    height: 15px;
}

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
    top: 32px;
    left: 274px;
}

div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
    top: 32px;
    left: 296px;
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
    top: 27px;
}

div.jp-video-270p div.jp-type-single a.jp-mute,
div.jp-video-270p div.jp-type-single a.jp-unmute {
    left: 304px;
}

div.jp-video-270p div.jp-type-playlist a.jp-unmute,
div.jp-video-270p div.jp-type-playlist a.jp-mute {
    left: 363px;
}

div.jp-video-360p div.jp-type-single a.jp-mute,
div.jp-video-360p div.jp-type-single a.jp-unmute {
    left: 384px;
}

div.jp-video-360p div.jp-type-playlist a.jp-mute,
div.jp-video-360p div.jp-type-playlist a.jp-unmute {
    left: 443px;
}

a.jp-mute {
    background: url("images/jplayer.blue.png") 0 -186px no-repeat;
}

a.jp-mute:hover {
    background: url("images/jplayer.blue.png") -19px -170px no-repeat;
}

a.jp-unmute {
    background: url("images/jplayer.blue.png") 0 -170px no-repeat;
    display: none;
}

a.jp-unmute:hover {
    background: url("images/jplayer.blue.png") -19px -186px no-repeat;
}

div.jp-volume-bar {
    position: absolute;
    overflow: hidden;
    background: url("images/jplayer.blue.png") 0 -250px repeat-x;
    width: 46px;
    height: 5px;
    cursor: pointer;
}

div.jp-audio div.jp-type-single div.jp-volume-bar {
    top: 37px;
    left: 302px;
}

div.jp-audio div.jp-type-playlist div.jp-volume-bar {
    top: 37px;
    left: 324px;
}

div.jp-video div.jp-volume-bar {
    top: 32px;
}

div.jp-video-270p div.jp-type-single div.jp-volume-bar {
    left: 332px;
}

div.jp-video-270p div.jp-type-playlist div.jp-volume-bar {
    left: 391px;
}

div.jp-video-360p div.jp-type-single div.jp-volume-bar {
    left: 412px;
}

div.jp-video-360p div.jp-type-playlist div.jp-volume-bar {
    left: 471px;
}

div.jp-volume-bar-value {
    background: url("images/jplayer.blue.png") 0 -256px repeat-x;
    width: 0px;
    height: 5px;
}

div.jp-current-time,
div.jp-duration {
    position: absolute;
    font-size: .64em;
    font-style: oblique;
}

div.jp-duration {
    text-align: right;
}

div.jp-audio div.jp-type-single div.jp-current-time,
div.jp-audio div.jp-type-single div.jp-duration {
    top: 49px;
    left: 130px;
    width: 122px;
}

div.jp-audio div.jp-type-playlist div.jp-current-time,
div.jp-audio div.jp-type-playlist div.jp-duration {
    top: 49px;
    left: 164px;
    width: 122px;
}

div.jp-video div.jp-current-time,
div.jp-video div.jp-duration {
    top: 10px;
    left: 0px;
    width: 98%;
    padding: 0 1%;
}

div.jp-playlist {
    /* width:418px; */
    width: 100%;
    /* [disabled]background-color:#ccc; */
    /* [disabled]border:1px solid #009be3; */
    border-top: none;
    height: 200px;
    overflow: auto;
}

div.jp-playlist ul {
    list-style-type: none;
    margin: 0;
    padding: 0 20px;
    list-style-image: none;
}

div.jp-type-single div.jp-playlist li {
    padding: 5px 0 5px 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

div.jp-type-playlist div.jp-playlist li {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 20px;
}

/*
div.jp-video div.jp-playlist li {
    padding:5px 0 5px 20px;
    font-weight:bold;
}
*/
div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
    padding: 5px 0 5px 20px;
    border-bottom: none;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    list-style-type: square;
    list-style-position: inside;
    padding-left: 8px;
}

div.jp-type-playlist div.jp-playlist a {
    /* [disabled]color: #666; */
    text-decoration: none;
}

div.jp-type-playlist div.jp-playlist a:hover {
    /* [disabled]color:#0d88c1; */
    text-decoration: underline;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
    text-decoration: underline;
    list-style-type: none;
}

div.jp-type-playlist div.jp-playlist div.jp-free-media {
    display: inline;
    margin-left: 20px;
}

div.jp-video div.jp-video-play {
    background: transparent url("images/jplayer.blue.monday.video_play.png") no-repeat center;
    /* position: relative; */
    position: absolute;
    cursor: pointer;
    z-index: 2;
}

div.jp-video div.jp-video-play:hover {
    background: transparent url("images/jplayer.blue.monday.video_play.hover.png") no-repeat center;
}

div.jp-video-270p div.jp-video-play {
    top: -270px;
    width: 480px;
    height: 270px;
}

div.jp-video-360p div.jp-video-play {
    top: -360px;
    width: 640px;
    height: 360px;
}

div.jp-jplayer {
    width: 0px;
    height: 0px;
}

div.jp-video div.jp-jplayer {
    border: 1px solid #009be3;
    border-bottom: none;
    z-index: 1;
}

div.jp-video-270p div.jp-jplayer {
    width: 480px;
    height: 270px;
}

div.jp-video-360p div.jp-jplayer {
    width: 640px;
    height: 360px;
}

div.jp-jplayer {
    background-color: #000000;
}

/* Styles for Events Manager */

table#current-events, table.current-events {
    border: 1px solid #E6E6E6;
    margin-bottom: 1.2em;
    width: 100%;
}

table#current-events .em-events-search-category, table.current-events .em-events-search-category {
    margin-right: 10px;
}

table#current-events .em-events-search-form, table.current-events .em-events-search-form {
    height: 30px;
    margin-bottom: 10px;

}

table#current-events .em-wrappertable, table.current-events .em-wrappertable {
    border: 1px solid #E6E6E6;
    margin-bottom: 1.2em;
    width: 100%;
}

table#current-events tr.alt-table-row, table.current-events tr.alt-table-row {
    background: none repeat scroll 0 0 #F9F9F9;
}

table#current-events th, table.current-events th {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #E6E6E6;
    box-shadow: 0 0 1px #FFFFFF inset;
    padding: 6px 0 3px;
    text-shadow: 1px 1px 0 #FFFFFF;
}

table#current-events td, table.current-events td {
    border: 1px solid #E6E6E6;
    padding: 6px 0 3px 10px;
}

/* login message */

/* over ride plugin styles */
table.fullcalendar {
    width: 100%;
}

table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {

}

.entry img, img.thumbnail .wp-image-713 {
    background: none;
    border: none;
    box-shadow: none;
}

/* Events Override */

div.em-calendar-wrapper table.em-calendar {
    width: 100%;
}

.entry .eventful-pre ul, .entry .eventful ul, .entry .eventful-today ul, .entry-content .eventful-pre ul, .entry-content .eventful ul, .entry-content .eventful-today ul {
    margin-bottom: 1.2em;
    padding: 0 0 0 3px;
}

.entry .eventful-pre ul p,
.entry .eventless-pre ul p,
.entry .eventful ul p,
.entry .eventless ul p,
.entry .eventful-today ul p,
.entry .eventless-today ul p,
.entry-content .eventful-pre ul p,
.entry-content .eventless-pre ul p,
.entry-content .eventful ul p,
.entry-content .eventless ul p,
.entry-content .eventful-today ul p,
.entry-content .eventless-today ul p,
div.em-calendar-wrapper table.em-calendar tbody tr td.eventful-post a,
div.em-calendar-wrapper table.em-calendar tbody tr td.eventful-post p {
    font: 12px/1.2em sans-serif;
}

table.em-calendar td.eventful p a,
table.em-calendar td.eventless p a,
table.em-calendar td.eventful-today p a,
table.em-calendar td.eventless-today p a,
table.em-calendar tr td.eventful a,
table.em-calendar tr td.eventless a,
table.em-calendar tr td.eventful-today a,
table.em-calendar tr td.eventless-today a {
    color: #3585B3;
    font: 12px/1.2em sans-serif;
}

.pydnetEvents {
    margin: 10px 0 5px 10px;
}

div.em-calendar-wrapper table.em-calendar tbody tr td.eventful,
div.em-calendar-wrapper table.em-calendar tbody tr td.eventless,
div.em-calendar-wrapper table.em-calendar tbody tr td.eventless-today,
div.em-calendar-wrapper table.em-calendar tbody tr td.eventfull-today,
div.em-calendar-wrapper table.em-calendar tbody tr td.eventful-post,
div.em-calendar-wrapper table.em-calendar tbody tr td.eventful-pre,
div.em-calendar-wrapper table.em-calendar tbody tr td.eventless-post,
div.em-calendar-wrapper table.em-calendar tbody tr td.eventless-pre {
    vertical-align: top;
    font: 12px/1.2em sans-serif;
}

@media only screen and (max-width: 480px) {
    .pydImageLeft {
        float: left;
        margin-right: 0;
        margin-bottom: 0;
        margin-top: 0;
        display: none;
    }

    .staffList .staffListLeft {
        float: left;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        width: 0%;
        display: none;
    }

    .staffListRight {
        float: none;
        width: 95%;
    }
}