#Sermons .odd {
	background: #F5EFFB;
}
.sermonholder {
	padding:20px 0;
}
.sermonholder h3 {
	color:#3D1863;
}


.LinkIcon {
    background-position:left center;
    background-repeat:no-repeat;
    display:inline-block;
    padding-left:22px;
    margin-right:10px;
}
.LinkIcon_Video {
    background-image:url('../images/LinkIcon/video.png');
}
.LinkIcon_Audio {
    background-image:url('../images/LinkIcon/audio.png');
}
.LinkIcon_PDF {
    background-image:url('../images/LinkIcon/pdf.png');
}
.SermonDescription {
    display:none;
}
#MediaEmbedLinks .LinkIcon_Video {
    background-image:url('../images/LinkIcon/video.png.white.png');
}
#MediaEmbedLinks .LinkIcon_Audio {
    background-image:url('../images/LinkIcon/audio.png.white.png');
}
#MediaEmbedLinks .LinkIcon_PDF {
    background-image:url('../images/LinkIcon/pdf.png.white.png');
}
#SermonMediaCenter {
    line-height:22px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#SermonDescription {
    font-size:12px;
}
#MediaDiv {
    background:#705091 url('../images/graphics/striped-texture-bg.png');
}
#MediaEmbed iframe {
    background-image:url('../images/LinkIcon/blacklogo.png');
    background-repeat:no-repeat;
    background-position:center;
    height:400px;
    width:100%;
}
#MediaEmbed iframe, #InfoDiv {
    margin:20px 0 15px;
    background-color:rgba(0,0,0,0.4);
}
#InfoDiv {
    color:#FFF;
    padding:10px;
    min-height:380px;
}
#InfoDiv p {
	margin:10px 0;
}
#InfoDiv a {
    color:#C7A5E9;
}
#SermonDescription {
	font-size:14px;
}
#SermonMediaCenter .HeadRow {
    color:#FFF;
    line-height:32px;
    background:#A088B8; /* background:#705091; */
}
#SermonMediaCenter .BodyRow {
    padding:8px 0;
}
#SermonMediaCenter .BodyRowLinks {
    background-color:#C7B7D7;
    line-height:32px;
    overflow:hidden;
    height:0;
}
#SermonMediaCenter .BodyRow.odd {
    background-color:#F5EFFB;
}
#SermonMediaCenter .BodyRow:hover, #SermonMediaCenter .BodyRow.odd:hover {
    background-color:#E6DAF2;
}
#SermonMediaCenter .BodyRow .columns {
    text-overflow:ellipsis;
}
#SermonMediaCenter .BodyRow .BodyRowAuthor, #SermonMediaCenter .BodyRow .BodyRowDate {
    color:#777;
}
#SermonMediaCenter .BodyRow.Selected, #SermonMediaCenter .BodyRow.Selected:hover, #SermonMediaCenter .BodyRow.Selected .BodyRowAuthor, #SermonMediaCenter .BodyRow.Selected:hover .BodyRowAuthor, #SermonMediaCenter .BodyRow.Selected .BodyRowDate, #SermonMediaCenter .BodyRow.Selected:hover .BodyRowDate {
	background-color:#433057 ;
	color:#FFF;
}


#SermonSearchRow {
    background:#7A629C;
    color:#FFF;
    padding:10px 0;
}
#SermonSearchRow .field, #SermonSearchRow .Actions, #SermonSearchRow fieldset, #SermonSearchRow form {
    float:left;
    margin:0;
    padding:0;
}
#SermonSearchRow .field, #SermonSearchRow label {
    margin:0 10px 0 0;
}
#SermonSearchRow input[type="text"], #SermonSearchRow option {
    box-sizing:border-box;
    width:100%;
    line-height:16px;
}
#SermonSearchRow .field {
    width:210px;
}
#SermonSearchRow form {
    display:inline-block;
}
#SermonSearchRow label {
    line-height:32px;
}
#SermonSearchRow input[type="text"] {
    padding:7px;
}
#SermonSearchRow select {
    padding:6px 7px;
}
#SermonSearchRow input[type="text"], #SermonSearchRow input[type="submit"], #SermonSearchRow select {
    margin:0;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
    #MediaEmbed iframe {
        height:370px;
    }
    #InfoDiv {
    min-height:350px;
    }
    #InfoDiv h3 {
            font-size:20px ;
            line-height:28px;
    }
    #SermonDescription {
            font-size:13px;
            line-height:17px;
    }
    #SermonSearchRow .field {
        width:164px;
    }
}
@media only screen and (max-width: 767px) {
    #SermonSearchRow .field {
        width:200px;
        margin-right:20px;
        margin-bottom:10px;
    }
    #SermonSearchRow .field#Year, #SermonSearchRow .field#Search {
        margin-right:0;
    }
    #SermonSearchRow label {
        width:45px;
        text-align:left;
    }
    #SermonSearchRow .Actions {
        float:none;
        width:auto;
    }
    #SermonSearchRow input[type="submit"] {
        width:100%;
        box-sizing:border-box;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #MediaEmbed iframe {
        height:300px;
        margin-bottom:0;
    }
    #InfoDiv {
        margin-top:0;
        min-height:0;
        margin-bottom:18px;
    }
}
@media only screen and (max-width: 480px) {
    #MediaEmbed iframe {
        height:200px;
        margin-bottom:0;
    }
    #InfoDiv {
        margin-top:0;
        min-height:0;
        margin-bottom:18px;
    }
    #InfoDiv h3 {
        font-size:20px ;
        line-height:28px;
    }
    #SermonDescription {
        font-size:13px;
        line-height:17px;
    }
    #SermonSearchRow .field {
        width:140px;
    }
}