/* General definitions that carry through all of preachit unless overridden */



/* background colour for alternation on lists */



.piodd {

	background-color: transparent;

}

.pieven {

	background-color: transparent;

}



/* === SOME GLOBAL STYLES === */



.headblock {

	margin: 0 10px;

	padding: 10px 10px;

}

#messagelist .headblock {

	padding: 10px 5px;

}



.listblock {

	margin: 0 10px;

	padding: 15px 5px 15px 5px;

}



.list .listblock {

	padding: 10px 0;

}





.sortlistblock {

	background-color: #666666;

	margin: 0 -5px;

	padding: 8px 0;

	border: 1px solid #C5C1BE;

   position: relative;

   border-radius: 10px;

   -webkit-border-radius: 10px;

   -moz-border-radius: 10px;

}



.filtertext {

	padding: 0 5px 0 15px;

	color: #ffffff;

}



.sortlists {

	margin: 0 10px;

}



.pimlsubmit {

    float: right;

}



.inputbox {

	background-color: #FFFFFF;

	font-size: 90%;

	width: 100px;

	margin: 0 5px;

}



.additional {

	color: #999999;

}



/* --- end SOME GLOBAL STYLES --- */



/* ---- styles for javascript manipulated drop downs in message list ---- */



table.pifilter td, table.pifilter tr {

	border: none;

}



.trigger, .activetrigger {

	font-size: 90%;

	color: black !important;

	text-decoration: none;

	border:1px solid #ccc;

	width:90px;

	line-height: 140%;

	white-space:nowrap;

	overflow: hidden;

	padding: 1px 5px;

	background:url(../icons/ddarrow.png) top right no-repeat #ccc;

	display:block;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	

}



.trigger:hover, .activetrigger:hover,

.trigger:active, .activetrigger:active,

.trigger:visited, .activetrigger:visited,

.trigger:link, .activetrigger:link {

	background:url(../icons/ddarrow.png) top right no-repeat #ccc !important;

}



/* style of the UL */

.dropcontainer ul{

	background:#fff;

	list-style-type:none;

	padding:0;

	margin:0;

	width:250px;

	max-height: 300px;

	overflow: auto;

	border: 1px #cccccc solid;

	position:absolute;

}

.dropdownhidden{

	top:0;

	left:-999em;

}



.dropcontainer ul a{

	padding:0 .5em;

	display:block;

	width:15em;

	text-decoration:none;

	color:#666;

}

		

.dropcontainer li {

	list-style-type:none;

}

		

.dropcontainer ul a:hover{

	background:#ccc;

}

.dropcontainer{

	position:relative;

	z-index: 999;

}





/* === REVOLUTION styles === */



.study_info {

	color: #999999;

	font-style: italic;

	padding: 5px 0 5px 0;

}



#pistudylist .date {

	color: #000000;

	font-weight: bold;

}

#audioview .date,

#videoview .date,

#textview .date,

#medialist .head .date {

	color: #999999;

	float: right;

	font-size: 105%;

	padding: 5px 0 3px 10px;

}



.study_name {

	font-size: 190%;

	font-weight: bold;

	padding: 3px 0 15px 0;

}

#audioview .study_name,

#textview .study_name,

#videoview .study_name,

#medialist .head .study_name {

	font-size: 210%;

	line-height: 30px;

	padding: 0 0 10px 0;

	margin: 0;

}



.subtitle {

	color: #999999;

	font-size: 105%;

	padding: 0 0 0 5px;

}



.study_description {

	padding: 2px 0 7px 0;

}

#audioview .study_description,

#textview .study_description,

#videoview .study_description,

#medialist .head .study_description {

	color: #999999;

	padding: 2px 0 15px 0;

}



.scripture,

.teacher,

.series,

.duration,

.preachittags {

	display: inline;

}

.scripture span,

.teacher span,

.series span,

.duration span,

.preachittags span {

	color: #000000;

	font-style: normal;

	font-weight: bold;

	padding: 0 8px 0 5px;

}

.scripture span,

.teacher span,

.series span {

	border-right: #999999 solid 1px;

	margin: 0 5px 0 0;

}



#audioview .series,

#textview .series,

#videoview .series,

#medialist .head .series {

	border: none;

	color: #999999;

	font-size: 105%;

	font-weight: normal;

}

#audioview .series,

#textview .series,

#videoview .series,

#medialist .head .series {

	padding: 5px 0 0 5px;

}



#audioview .series span,

#textview .series span,

#videoview .series span,

#medialist .head .series span {

    border-right: none;

    font-weight: normal;

}



#audioview .duration,

#videoview .duration,

#medialist .head .duration,

#audioview .preachittags,

#videoview .preachittags,

#textview .preachittags {

    color: #999999;

    display: block;

    font-size: 90%;

    font-weight: normal;

    padding: 5px 0 0 5px;

}

#audioview .duration span,

#videoview .duration span,

#medialist .head .duration span,

#audioview .preachittags span,

#videoview .preachittags span,

#textview .preachittags span {

    color: #000000;

    font-weight: normal;

}



.messageimage {

	float: right;

	margin: 5px 10px 5px 5px;

}



.teacherimage {

	float: right;

	margin: 5px 10px 5px 5px;

}



#teacherlist .teacherimage {

	float: left;

}



#teacherview .teacherimage {

	background: transparent;

	border: 1px solid #D5D5D5;

	float: left;

	padding: 4px;

}



.seriesimage, .ministryimage {

	float: right;

	margin: 5px 10px 5px 5px;

}



#serieslist .seriesimage, #ministrylist .ministryimage, #ministryview .seriesimage {

	float: left;

}



#seriesview .seriesimage, #ministryview .ministryimage {

	background: transparent;

	border: 1px solid #D5D5D5;

	float: left;

	padding: 4px;

	position: relative;

}



.share {

	float: right;

}



.sharelist {

    margin: 0 !important;

    padding: 0 !important;

}



.sharelist li {

    list-style: none;

    display: inline-block;

}



.preachittagscontainer {

	color: #999999;

	font-size: 105%;

	margin: 10px 0 10px 5px;

}



#audioview .preachittagscontainer,

#videoview .preachittagscontainer,

#textview .preachittagscontainer {

	margin: 0;

}



.medialinks {

	

	margin: 13px 0 0 0;

	min-height: 20px;

   font-size: 105%;

   padding: 5px 10px;

   background-color: #F2F2F2;

   border: 1px solid #C5C1BE;

   border-radius: 5px;

   -webkit-border-radius: 5px;

   -moz-border-radius: 5px;

   position: relative;

}



#audioview .medialinks,

#medialist .head .medialinks,

#textview .medialinks,

#videoview .medialinks {

    margin: 10px 5px;

}



.videolinks,

.audiolinks,

.textlinks,

.asmedialinks,

.editlinks {

	background-repeat: no-repeat;

	font-weight: bold;

	padding: 0 10px 0 20px;

}

.head .editlinks {

	float: right;

}

#medialist .head .editlinks {

	float: none;

}

.videolinks {

	background-image: url(../icons/watchic.png);

}

.audiolinks {

	background-image: url(../icons/listenic.png);

}

.textlinks {

	background-image: url(../icons/textic.png);

}

.asmedialinks {

	background-image: url(../icons/asmedia.png);

}

.editlinks {

	background-image: url(../icons/editic.png);

}



.pilink {

	border-right: #999999 solid 1px;

	font-weight: normal;

	padding: 0 5px 0 5px;

}



.pipage {

	margin: 5px;

	padding: 10px;

}



.backlink {

	font-size: 75%;

	padding-top: 5px;

	text-align: center;

}



.topbar {

	padding: 10px 5px;

}





.study_text {

	margin: 10px;

	padding: 0 10px 0 10px;

	text-align: justify;

}



.shareprint {

	float: right;

}



.printbutton {

	border-right: #999999 solid 1px;

	display: inline;

	margin-right: 10px;

	padding-right: 10px;

}



.comments {

	padding-left: 20px;

}



#pistudylist .te-commentcount {

    margin: 5px 0 !important;

}



.pilogo {

	background-image: url(../icons/logo.png);

	background-repeat: no-repeat;

	height: 50px;

	padding: 0 10px 10px 20px;

	width: 150px;

}



.noneassigned {

	text-align: center;

	margin: 20px 0;

}



.gallery_column {float: left; margin: 0 15px 30px 0; text-align: center; width: 150px; height: 200px; max-width: 100%;}



#teacherlist .gallery_column .teacherimage, #serieslist .gallery_column .seriesimage,

#ministrylist .gallery_column .ministryimage, #ministryview .gallery_column .seriesimage {float: none;}



.clr {clear: both;}



/* --- mediaplayer css --- */



/* mediaplayer */



.localvideoplayer div object, .localvideoplayer p object, #pivideocontainer .localhtmlplayer embed, #pivideocontainer .localhtmlplayer video, #piaudiocontainer .localhtmlplayer audio, #piaudiocontainer .localhtmlplayer video, .vimeoplayer iframe, .vimeoplayer object, .vimeoplayer embed, .youtubeplayer iframe, .youtubeplayer object, .youtubeplayer embed, .blipplayer iframe, .blipplayer object, .blipplayer embed {

    height: 100% !important;

    left: 0 !important;

    position: absolute !important;

    top: 0 !important;

    width: 100% !important;

}

.localaudioplayer div object, .localaudioplayer p object{

    height: 100% !important;

    left: 0 !important;

    position: absolute !important;

    top: 0 !important;

    width: 500px !important;

}

.localvideoplayer div, .localvideoplayer p, .localaudioplayer div, .localaudioplayer p, #pivideocontainer .localhtmlplayer, #piaudiocontainer .localhtmlplayer, .vimeoplayer, .youtubeplayer, .blipplayer {

    height: 0 !important;

    overflow: hidden !important;

    position: relative !important;

    width: 100% !important;

}



.localvideoplayer div, .localvideoplayer p, #pivideocontainer .localhtmlplayer, .vimeoplayer, .youtubeplayer, .blipplayer {

    padding-bottom: 56.25% !important;

}



#piaudiocontainer .localaudioplayer, .localaudioplayer div, .localaudioplayer p {

    padding-bottom: 29px !important;

}



#piaudiocontainer .localhtmlplayer {

    padding-bottom: 100px !important;

}



#piaudiocontainer .localhtmlplayer video, #piaudiocontainer .localhtmlplayer audio {

	background-color: #000000;

}



#piaudiocontainer .localhtmlplayer, #pivideocontainer .localhtmlplayer {

	margin: 20px 0;

}



.localaudioplayer, .localvideoplayer, .vimeoplayer, .youtubeplayer, .blipplayer {

    margin-bottom: 15px;

}



#pivideocontainer .localhtmlplayer video {

		object-fit: cover;

	}



/* --- REVOLUTION MEDIALIST --- */



.mediasermons {

	font-size: 105%;

	font-weight: bold;

	margin: 15px 0 7px 0;

}



/* --- REVOLUTION SERIES LIST & VIEW --- */



.seriesname {

	font-size: 135%;

	font-weight: bold;

	padding: 15px 0 7px 0;

	margin: 0;

}



#seriesview .seriesname {

	margin-top: 20px;

}



.seriesdescription {

	font-size: 105%;

	padding: 2px 0 3px 0;

}



#serieslist .seriesdescription {

	color: #999999;

}



.seriessermons {

	font-size: 105%;

	font-weight: bold;

	margin: 15px 0 7px 0;

}



/* --- REVOLUTION MINISTRY LIST & VIEW  --- */



.ministryname {

	font-size: 135%;

	font-weight: bold;

	padding: 15px 0 7px 0;

	margin: 0;

}



#ministryview .ministryname {

	margin-top: 20px;

}



.ministrydescription {

	font-size: 105%;

	padding: 2px 0 3px 0;

}



#ministrylist .ministrydescription {

	color: #999999;

}



.ministryseries {

	font-size: 105%;

	font-weight: bold;

	margin: 15px 0 7px 0;

}



/* --- REVOLUTION TEACHER LIST & VIEW  --- */



.teachername {

	font-size: 135%;

	font-weight: bold;

	padding: 15px 0 7px 0;

	margin: 0;

}



.teacherrole {

	color: #999999;

}



.teacherweb {

	color: #999999;

	padding-top: 2px;

}



.teacherdescription {

	font-size: 105%;

	padding: 0 10px;

}



#teacherlist .teacherdescription {

	color: #999999;

}



.sermonsbyteacher {

	font-size: 105%;

	font-weight: bold;

	margin: 15px 0 7px 0;

}



.pipagination-page-ind {

	margin: -10px 0 10px 20px;

}



/* --- Print view --- */



@media print {

.print .noprint {

    display: none;

}

}



/*letter list in album and artist list */



#pialphalist {

    font-size: 15px;

    margin-bottom: 0 !important;

    overflow: hidden;

    text-align: center;

}



#pialphalist ul {

    margin: 0 0 20px 0 !important;

}



#pialphalist li {

    margin-right: 2px !important;

    background: none repeat scroll 0 0 transparent;

    display: inline-block;

    padding-left: 0;

    list-style: none;

    margin-bottom: 10px !important;

}

#pialphalist a  {

    font-size: 10px;

    font-weight: 600;

    height: 20px;

    line-height: 20px;

    padding: 0 5px;

    display: inline-block;

    text-decoration: none;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    background-color: #fafafa;

    border: 1px solid #DFDED3;

    color: #464643;

    text-shadow: 0 1px 0 #FFFFFF;

}



#pialphalist .alphalist a:hover {

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);

    text-decoration: none;

    background-color: transparent !important;

}

#pialphalist .alphalist a:focus,

#pialphalist .alphalist a:focus {

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);

    text-decoration: none;

}



#pialphalist a:hover, #pialphalist a:focus, #pialphalist a:active {

    border-top: 1px #999999 solid;

    border-right: 1px #999999 solid;

    border-left: 1px #999999 solid;

    border-bottom: 1px #999999 solid;

}



#pialphalist a:hover, #pialphalist a:focus, #pialphalist a:active {

    color: #000000 !important;

    background-color: transparent !important;

}

#pialphalist li.current a {

    border: 1px #666666 solid;

}

#pialphalist a:active {

    border-color: #777777 #777777 #DFDED3;

}



/* --- end REVOLUTION styles --- */