/* 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 {
	border-bottom: 1px solid #666666;
	margin: 0 10px;
	padding: 10px 10px;
}
#messagelist .headblock {
	padding: 10px 5px;
}

.listblock {
	border-bottom: 1px solid #666666;
	margin: 0 10px;
	padding: 10px 10px;
}

.list .listblock {
	padding: 10px 0;
}
#messagelist .listblock {
	padding: 10px 5px;
}

.sortlistblock {
	background-color: #666666;
	margin: 0 -5px;
	padding: 5px 0;
}

.filtertext {
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 5px 0 15px;
}

.pimlsubmit {
    float: right;
}

.sortlists {
	margin: 0 10px;
}

.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:300px;
	height: 200px;
	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;
}



/* === Centrifuge === */

.study_info {
	color: #999999;
	font-style: italic;
	padding: 2px 0 3px 0;
}

.date {
	color: #000000;
	font-weight: bold;
}
#audioview .date,
#textview .date,
#videoview .date,
#medialist .head .date {
	color: #999999;
	float: right;
	font-size: 105%;
	font-weight: bold;
	padding: 5px 0 3px 10px;
}

.study_name {
	font-size: 135%;
	font-weight: bold;
	padding: 3px 0 7px 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 {
	color: #999999;
	padding: 5px 0 0 5px;
}

.additional {
	color: #999999;
}

.teacher,
.series,
.duration {
	display: inline;
}

.teacher, .series {
	padding-right: 20px;
}


#audioview .series,
#textview .series,
#videoview .series,
#medialist .head .series {
	border: none;
	color: #999999;
	font-size: 105%;
	font-weight: normal;
	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 {
	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 {
	color: #000000;
	font-weight: normal;
}

.teacherimage {
	background: transparent;
	border: 1px solid #D5D5D5;
	float: left;
	padding: 4px;
	margin: 5px 10px 5px 5px;
}

.seriesimage {
	background: transparent;
	border: 1px solid #D5D5D5;
	float: left;
	padding: 4px;
	position: relative;
	margin: 5px 10px 5px 5px;
}

.ministryimage {
	background: transparent;
	border: 1px solid #D5D5D5;
	float: left;
	padding: 4px;
	position: relative;
	margin: 5px 10px 5px 5px;
}

.share {
	float: right;
}

.sharelist {
    margin: 0 !important;
    padding: 0 !important;
}

.sharelist li {
    list-style: none;
    display: inline-block;
}

.medialinks {
	float: right;
	padding: 0 0 0 10px;
}
#audioview .medialinks,
#medialist .head .medialinks,
#textview .medialinks,
#videoview .medialinks {
	float: none;
	padding: 10px 0 10px 5px;
}

.head .pilink {
	float: right;
}
#medialist .head .pilink {
	float: none;
}

/* === button styles === */

.pilink {
	font: bold 90% Helvetica, Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #FFFFFF;

	/* give button dimension */
	display: inline-block;
	margin-right: 10px;
	padding: 0px 10px;
	line-height: 26px;
	background-color: #000000;

	/* rounded corners */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	/* inset shadow */
	text-shadow: -1px -1px 1px rgba(0,0,0,.3);

	/* drop shadow */
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.3);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.3);
	box-shadow: 2px 2px 4px rgba(0,0,0,.3);

	/* add gloss */
	background-image: -webkit-gradient(linear,
		0 45%,
		0 55%,
		from(rgba(255,255,255,.4)),
		to(rgba(255,255,255,0)));
	background-image: -moz-linear-gradient(270deg,
		rgba(255,255,255,.4) 45%,
		rgba(255,255,255,.0) 55%);
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
}

.pilink:hover {
	/*  button dimension */
	background-color: #999999;
}

/* --- end of button styles --- */

.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;
}

.noneassigned {
	text-align: center;
	margin: 20px 0;
}

.gallery_column {float: left; margin: 0 15px; text-align: center;}

#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;
}

/* --- CENTRIFUGE MEDIALIST --- */

.mediasermons {
	font-size: 105%;
	font-weight: bold;
	margin: 15px 0 7px 0;
}

/* --- CENTRIFUGE 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;
}

/* --- CENTRIFUGE 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;
}

/* --- CENTRIFUGE 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;
}

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

@media print {
.print .noprint {
    display: none;
}
}


/* --- end CENTRIFUGE styles --- */