body   	{ margin:0;padding:0;font-family:Arial,Helvetica,Verdana;font-size:13px; /* font-size-adjust:none;-webkit-text-size-adjust:none */ }
td     	{ font-family:Arial,Helvetica,Verdana;font-size:13px }
li     	{ padding:1px }
form   	{ display:inline }

.podcastdiv { position:absolute; display:none; margin:4px 0px 0px -10px; z-index:100; background-color:rgba(0,0,0,.3); }
p    { margin:0px; padding-top:19px; padding-bottom:0px }
ul   { margin-top:19px;margin-bottom:19px;list-style-image:url(/images/bullet.gif); }
ol   { margin-top:19px;margin-bottom:19px; }
blockquote.htmlxquote {padding:0 20px 18px 25px; margin:5px 0 0 0; color:#666; background:transparent url(/images/quote_open.gif) top left no-repeat; font-size:11px; font-style:italic; text-align:justify; line-height:120%; overflow:hidden; word-wrap:break-word; width:370px}

.reddot {
    width: 6px;
    height: 6px;
    background: red;
    border-radius: 6px;
    position: absolute;
    margin-top: 82px;
    margin-left: 8px;
}

.local-sermonbar {
    padding:15 15 15 15px;
    background-color:white;
}
.local-sermonbar:hover{
    background-color:#efefef;
}
.local-sermondivider {
    margin-left:0px;
    margin-bottom:0px;
    width:592px;
    height:1px;
    background-color:#efefef;
}
.local-sermoncomment {
    padding:5 0 5 5px;
    background-color:#efefef;
}

.tooltip {outline:none; display:inline; position: relative;}
.tooltip strong {line-height:30px;}
.tooltip:hover {text-decoration:none;} 
.tooltip span {
    z-index:10;display:none; padding:8px 20px 14px 20px;
    top:55px; margin-left:0px;
    width:300px; line-height:16px;
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;
    opacity: 0;
    transition: opacity .5s, top .25s ease-out;
    -webkit-transition: opacity .5s, top .25s ease-out;
    -moz-transition: opacity .5s, top .25s ease-out;
    -o-transition: opacity .5s, top .25s ease-out;
    pointer-events: none;
    text-align: left;
    left: 0;
}
/* .tooltip:hover span{ opacity: 1; margin-top: 50px } */
.tooltip input:hover:not(:focus) + span, .tooltip select:hover:not(:focus) + span, .tooltip a:hover + span {
    opacity: 1;
    top: 50px
}
.callout {z-index:20;position:absolute;top:-11px;border:0;left:25px;}
    
/*CSS3 extras*/
.tooltip span
{
    border-radius:4px;
    /* box-shadow: 5px 5px 8px #CCC; */
}

input[type=button],input[type=submit] { margin: 1px 2px 1px 0px; padding: 4px 6px; }
input[type=checkbox] { margin: 3px 4px 1px 0px; padding: 2px; vertical-align:bottom; }
input[type=radio]    { margin: 3px 4px 1px 0px; padding: 2px; vertical-align:bottom; }
input    { margin: 1px 0px 2px 0px; padding: 4px; border: 1px solid #bbb; }
select   { margin: 1px 0px 2px 0px; padding: 3px 0px; border: 1px solid #bbb; }
textarea { margin: 1px 0px 2px 0px; padding: 4px 4px 4px 4px; border: 1px solid #bbb; }

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #b0b0c4;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #b0b0c4;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #b0b0c4;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #b0b0c4;
}

/* * { border: 1px solid red !important; } */

.regborder {border-top:1px solid #7F9DB9; border-left:1px solid #7F9DB9; border-right:1px solid #7F9DB9; border-bottom:1px solid #7F9DB9;}
.prodbackcolor {background-color:#DEE2E5}
.podcastdiv A, .popdivA:visited {color:blue; text-decoration:underline; cursor:pointer;}
.podcastlink {color:#FF6600;text-decoration:underline;cursor:pointer;}
.podcastnote {font-size:11px;}

.videocliptop {width:80px;height:20px;border-top-width:1px;border-left-width:1px;border-right-width:1px;border-bottom:none;}
.videoclipbottom {width:80px;height:60px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-top:none;}

.strongsub {FONT-FAMILY:Tahoma,Arial,Helvetica;FONT-SIZE:12px;line-height:15px;font-weight:bold;color:996600}

.menu{font-family:Arial,Helvetica,Verdana;font-size:11px;color:white;TEXT-DECORATION:none}
.menu:hover,.menu:visited:hover {text-decoration:none}
.menu1{FONT-FAMILY:Arial,Helvetica;FONT-SIZE:9px;line-height:12px;color:#4C5363;TEXT-DECORATION:none} /* using this for source_detail horz menu .. more reliable? */
.menu1:hover,.menu1:visited:hover {text-decoration:none} 
.menu2{font-family:Arial,Helvetica,Verdana;font-size:11px;color:#121212;TEXT-DECORATION:none}
.menu2:hover,.menu2:visited:hover {text-decoration:underline}
.menu3{font-family:Verdana,Arial,Helvetica;font-size:9px;line-height:10px;color:white;TEXT-DECORATION:none;font-weight:bold;}   /* added line-height bit because source_detail horz menu not lined up in firefox */
.menu3:hover,.menu3:visited:hover {text-decoration:underline}
.menu5a{font-family:Arial,Helvetica,Verdana;font-size:11px;color:#dddddd;TEXT-DECORATION:none;display:block;padding:6px 0px;width:65px;}
.menu5a:hover,.menu5a:visited:hover {text-decoration:none;display:block}
.menu5b{font-family:Arial,Helvetica,Verdana;font-size:11px;color:white;TEXT-DECORATION:none;display:block;padding:6px 0px;width:65px;}
.menu5bhover,.menu5b:visited:hover {text-decoration:none;display:block}

.menub{font-family:Arial,Helvetica;font-size:11px;color:white;TEXT-DECORATION:none}
.menub:hover,.menu:visited:hover {text-decoration:underline}
.menub2{font-family:Arial,Helvetica;font-size:11px;color:121212;TEXT-DECORATION:none}
.menub2:hover,.menu2:visited:hover {text-decoration:underline}

.announcebox{font-family:Arial,Helvetica;font-size:14px;color:31316C;TEXT-DECORATION:none;display:block}

.locallink{font-family:Verdana,Arial,Helvetica;font-size:9px;line-height:12px;color:white;TEXT-DECORATION:none;font-weight:bold;}
.locallink:hover,.locallink:visited:hover {text-decoration:underline}

.underonly{TEXT-DECORATION:none}
.underonly:hover,.underonly:visited:hover {TEXT-DECORATION:underline}

.textfeaturetitle{color:#3A3A59;TEXT-DECORATION:underline}
.textfeaturetitle:hover,.textfeaturetitle:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}

.textfeaturetitlenone{color:#3A3A59;TEXT-DECORATION:none}
.textfeaturetitlenone:hover,.textfeaturetitlenone:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}

div.cropme {
	height: 15px;
	border: 0px;
	width: 27px;
	overflow:hidden;
}

div.cropme img {
	margin-top:0px;
	margin-left:0px;
}

.ve1  {FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:9px;line-height:12px}
.ve2  {FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:10px;line-height:12px}
.ve3  {FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:11px;line-height:13px}
.ve4  {FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:12px;line-height:14px}
.ve5  {FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:13px;line-height:16px}
.ve5b {FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:12px;line-height:14px}
.ve6  {FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:14px;line-height:17px}
.ve7  {FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:15px;line-height:18px}
.ve8  {FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:16px;line-height:18px}
.ve9  {FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:17px;line-height:20px}
.ve10 {FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:18px;line-height:22px}

.ar1  {FONT-FAMILY:Arial,Helvetica;FONT-SIZE:9px;line-height:12px}
.ar2  {FONT-FAMILY:Arial,Helvetica;FONT-SIZE:10px;line-height:13px}
.ar3  {FONT-FAMILY:Arial,Helvetica;FONT-SIZE:11px;line-height:14px}
.ar4  {FONT-FAMILY:Arial,Helvetica;FONT-SIZE:12px;line-height:15px}
.ar5  {FONT-FAMILY:Arial,Helvetica;FONT-SIZE:13px;line-height:16px}
.ar6  {FONT-FAMILY:Arial,Helvetica;FONT-SIZE:14px;line-height:16px}
.ar7  {FONT-FAMILY:Arial,Helvetica;FONT-SIZE:15px;line-height:17px}
.ar8  {FONT-FAMILY:Arial,Helvetica;FONT-SIZE:16px;line-height:18px}
.ar9  {FONT-FAMILY:Arial,Helvetica;FONT-SIZE:17px;line-height:19px}
.ar10 {FONT-FAMILY:Arial,Helvetica;FONT-SIZE:18px;line-height:21px}

.ti1  {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:9px;line-height:12px}
.ti2  {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:10px;line-height:12px}
.ti3  {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:11px;line-height:14px}
.ti4  {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:12px;line-height:15px}
.ti5  {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:13px;line-height:15px}
.ti6  {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:14px;line-height:16px}
.ti7  {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:15px;line-height:17px}
.ti8  {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:16px;line-height:19px}
.ti9  {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:17px;line-height:19px}
.ti10 {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:18px;line-height:20px}
.ti11 {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:19px;line-height:21px}
.ti12 {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:21px;line-height:23px}
.ti13 {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:22px;line-height:25px}
.ti14 {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:23px;line-height:26px}
.ti20 {FONT-FAMILY:Times New Roman,Verdana,Arial,Helvetica;FONT-SIZE:27px;line-height:31px}

.ta1  {FONT-FAMILY:Tahoma,Arial,Geneva,Verdana,Helvetica;FONT-SIZE:9px;line-height:11px}
.ta2  {FONT-FAMILY:Tahoma,Arial,Geneva,Verdana,Helvetica;FONT-SIZE:10px;line-height:12px}
.ta3  {FONT-FAMILY:Tahoma,Arial,Geneva,Verdana,Helvetica;FONT-SIZE:11px;line-height:13px}
.ta4  {FONT-FAMILY:Tahoma,Arial,Geneva,Verdana,Helvetica;FONT-SIZE:12px;line-height:14px}
.ta5  {FONT-FAMILY:Tahoma,Arial,Geneva,Verdana,Helvetica;FONT-SIZE:13px;line-height:16px}
.ta6  {FONT-FAMILY:Tahoma,Arial,Geneva,Verdana,Helvetica;FONT-SIZE:14px;line-height:17px}
.ta7  {FONT-FAMILY:Tahoma,Arial,Geneva,Verdana,Helvetica;FONT-SIZE:15px;line-height:18px}
.ta8  {FONT-FAMILY:Tahoma,Arial,Geneva,Verdana,Helvetica;FONT-SIZE:16px;line-height:19px}

.tr1  {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:9px;line-height:15px}
.tr2  {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:10px;line-height:15px}
.tr3  {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:11px;line-height:16px}
.tr4  {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:12px;line-height:18px}
.tr5  {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:13px;line-height:18px}
.tr6  {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:14px;line-height:18px}
.tr7  {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:15px;line-height:20px}
.tr8  {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:16px;line-height:22px}
.tr9  {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:17px;line-height:23px}
.tr10 {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:18px;line-height:23px}
.tr11 {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:19px;line-height:24px}
.tr12 {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:21px;line-height:27px}
.tr13 {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:22px;line-height:27px}
.tr14 {FONT-FAMILY:Trebuchet MS,Helvetica,Verdana,Arial;FONT-SIZE:23px;line-height:28px}

.justwhite{COLOR:#ffffff}
.addtocartlink{COLOR:#000066}
.regstat{font-family:Arial,Helvetica,Verdana;font-size:11px;color:232323;TEXT-DECORATION:none}
.sortselect{font-family:Arial,Helvetica,Verdana;font-size:11px;color:344556;TEXT-DECORATION:none;width:85px;height:24px;margin:0px;padding:1px;background-color:#FFFFFF}

.navlefthighlight1{COLOR:black;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none}
.navlefthighlight1ta{COLOR:#333333;FONT-FAMILY:Tahoma,Arial,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none}
.navleft1{COLOR:white;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none}
.navleft1:active{color:white;}
.navleft1:visited{color:white;}
.navleft1:visited:hover{color:#FF3300;}

.navleft1b{COLOR:#bcbcbc;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none}
.navleft1b:hover,.navleft1b:visited:hover{color:white;}

.navleft1bta{COLOR:#333333;FONT-FAMILY:Tahoma,Arial,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none}
.navleft1bta:hover,.navleft1bta:visited:hover{color:#333333;}

.navleft1c{COLOR:#acacac;FONT-FAMILY:Arial,Helvetica;TEXT-DECORATION:none}
.navleft1c:hover{color:white}

.navleft2{COLOR:9cff6b;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none}
.navleft2:active{color:white;}
.navleft2:visited{color:white;}
.navleft2:visited:hover{color:#FF3300;}

.navleftsmall{COLOR:white;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:9px;TEXT-DECORATION:none}
.navleftsmall:visited:hover{color:#FF3300;}
.navleftsmall2{COLOR:#bb8800;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:10px;TEXT-DECORATION:none}
.navleftsmall3{COLOR:#427194;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:10px;TEXT-DECORATION:none}
.navleftsmall4{COLOR:#000000;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:10px;TEXT-DECORATION:none}
.navleftsmall5{COLOR:#224174;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:10px;TEXT-DECORATION:none}
.navleftsmall5:hover{COLOR:#000000;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:10px;TEXT-DECORATION:none}
.navleftsmall6{COLOR:#bb8800;FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:9px;TEXT-DECORATION:none;font-weight:bold}
.navleftsmall6:hover{COLOR:#996600;FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:9px;TEXT-DECORATION:none;font-weight:bold}
.navleftsmall7{COLOR:#a1a184;FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:9px;TEXT-DECORATION:none;font-weight:bold}
.navleftsmall7:hover{COLOR:#996600;FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:9px;TEXT-DECORATION:none;font-weight:bold}
.navleftsmall8{COLOR:#787878;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none}
.navleftsmall8:hover{COLOR:#000000;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none;border-bottom: dashed 1px #000000;}

.navleft3{COLOR:#acacac;FONT-FAMILY:Tahoma,Arial,Geneva,Verdana,Helvetica;FONT-SIZE:10px;TEXT-DECORATION:none}
.navleft3:hover,.Navleft3:visited:hover{COLOR:#ffffff}

.navleft3b{COLOR:black;FONT-FAMILY:verdana,Arial,Helvetica;FONT-SIZE:9px;TEXT-DECORATION:none}
.navleft3b:hover,.Navleft3b:visited:hover{COLOR:#cc0000}

.navleft3c{COLOR:#BFBFBF;line-height:135%;FONT-FAMILY:Tahoma,Geneva,Arial,Helvetica;FONT-SIZE:10px;TEXT-DECORATION:none}
.navleft3c:active{COLOR:#BFBFBF}
.navleft3c:visited{COLOR:#BFBFBF}
.navleft3c:visited:hover{COLOR:#FFFFFF}

.navleft3d{COLOR:#959595;line-height:135%;FONT-FAMILY:Verdana,Tahoma,Arial,Helvetica;FONT-SIZE:9px;TEXT-DECORATION:none}
.navleft3d:hover,.Navleft3d:visited:hover{COLOR:#FFFFFF;TEXT-DECORATION:underline}

.navleft3e{COLOR:white;FONT-FAMILY:Tahoma,Arial,Geneva,Verdana,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none}
.navleft3e:hover,.navleft3e:visited:hover{COLOR:#ffffff;TEXT-DECORATION:underline}
.navleft3f{COLOR:#acacac;FONT-FAMILY:Tahoma,Arial,Geneva,Verdana,Helvetica;FONT-SIZE:10px;TEXT-DECORATION:none}
.navleft3f:hover,.navleft3f:visited:hover{COLOR:#ffffff;TEXT-DECORATION:underline}

.navleft4{COLOR:cdcdcd;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none}
.navleft4:active{color:white;}
.navleft4:visited{color:white;}
.navleft4:visited:hover{color:#FF3300;}
.navleft4b{COLOR:#dedede;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none}
.navleft4b:hover,.Navleft4b:visited:hover{color:#ffffff;}
.navleft4c{COLOR:#cdcdcd;TEXT-DECORATION:none}
.navleft4c:hover,.Navleft4c:visited:hover{color:#ffffff;}
.navleft4d{COLOR:#CCCC99;FONT-FAMILY:Arial,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none}
.navleft4d:hover,.Navleft4d:visited:hover{color:#ffffff;}

.navleftsmallstore{color:425164;TEXT-DECORATION:none;FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:9px;font-weight:bold;line-height:120%}
.navleftsmallstore:hover,.Navleftsmallstore:visited:hover{color:#993456;TEXT-DECORATION:underline;}

.sermonlink{color:123154;TEXT-DECORATION:none}
.sermonlink:visited{color:7B4986;TEXT-DECORATION:none}
.sermonlink:hover,.sermonlink:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}

.lbsBibleRef{color:994400;TEXT-DECORATION:none}
.lbsBibleRef:hover,.lbsBibleRef:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}

.mainback{		/* main background for normal pages */
    background: url(/images/titleback3.png) top left; 
    background-repeat: repeat-x;
}

.maintitle{		/* main section big title */
    font-family: Arial,sans-serif;
    font-size: 30px;
    color: #445;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;
    text-rendering: optimizeLegibility;
    padding: 45px 0 10px 0px;
    display: block;
    line-height: 22px;
}

.mainsubtitle{		/* main section big subtitle */
    text-align: center;
    text-rendering: optimizeLegibility;
    font-family: Arial,sans-serif;
    font-size: 18px;
    padding: 0 0 10 0px;
    display: block;
    opacity: 0.5;
}

.mainsubtitle > a {color:#112;text-decoration:none;}
.mainsubtitle > a:hover,.mainsubtitle > a:visited:hover{color:#112;text-decoration:underline;}

.maintitle2{		/* inside section big title (speakername, etc) */
    font-family: Arial,sans-serif;
    font-size: 24px;
    color: #445;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: left;
    text-rendering: optimizeLegibility;
    padding: 35px 0 5px 38px;
    display: block;
    line-height: 22px;
}

.mainsubtitle2{		/* inside section big subtitle */
    text-align: left;
    text-rendering: optimizeLegibility;
    font-family: Arial,sans-serif;
    font-size: 15px;
    padding: 0 0 10 38px;
    display: block;
    opacity: 0.5;
}

.mainsubtitle2 > a {color:#112;text-decoration:none;}
.mainsubtitle2 > a:hover,.mainsubtitle2 > a:visited:hover{color:#112;text-decoration:underline;}

.mainsubtitle2button{	/* inside section subtitle area button .. like 'send photo' */
    font-size:0.9em;
    background-color: #343434 !important;
    color:white !important;
    padding: 3 5 3 5px !important;
    border-radius: 4px;
}

.mainsubtitle2button:hover,.mainsubtitle2button:visited:hover{background-color:#6a4b34 !important;text-decoration:none !important;}

.rssbutton{		/* inside section subtitle area button .. like 'rss' */
    font-size:0.9em;
    background-color: #ff6600 !important;
    color:white !important;
    padding: 3 5 3 5px !important;
    border-radius: 4px;
    float:right;
    margin-right:25px;
    margin-left:5px;
}

.rssbutton:hover,.rssbutton:visited:hover{background-color:#6a4b34 !important;text-decoration:none !important;}

.mainbody{		/* main body text after big title area */
    display: block;
    padding: 0 10px 20px 10px;
    line-height: 140%;
    color: #333;
    font-size: 12px;
}

.speakerthumb {		/* speaker thumbnail image in sermons list */
    -webkit-box-shadow: 1px 1px 2px #e5e5df;
    -moz-box-shadow: 1px 1px 2px #e5e5df;
    box-shadow: 1px 1px 2px #e5e5df;
    width: 28px;
    height: 28px;
    border: 1px solid #e6e5df;
    padding: 6px;
    background-color: #ffffff;
    border-radius: 0;
}

.playbutton{		/* play button in sermons list */
    text-decoration: none;
    font-family: Verdana,Arial,Helvetica;
    font-size: 9px;
    font-weight: bold;
    background-color: #888;
    color: white;
    padding: 3px 12px 3px 12px;
    border-radius: 3px;
    white-space: nowrap;
}

.playbutton:hover,.playbutton:visited:hover{background-color:#555;}

.weatherbutton{		/* weather temperature button on broadcaster homepage */
    font-family: Verdana,Arial,Helvetica;
    font-size: 9px;
    font-weight: bold;
    font-size:9px;
    background-color: #D2D2D2;
    text-decoration: none;
    color: #343434;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
}

.weatherbutton:hover,.weatherbutton:visited:hover{background-color:#EEE;}

.labelbutton{		/* sermons list label for "filter", "keywords", search area */
    color:#FFF;
    TEXT-DECORATION:none;
    background-color: #7992A4;
    padding: 0 10 0 10px;
    border: 0px solid #bcbcbc;
    font-family: Verdana,Arial,Helvetica;
    font-size: 9px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.navmorebutton{		/* more series, more broadcaster, more speakers in search listing */
    color:#496D83;
    TEXT-DECORATION:none;
    background-color: #dedede;
    padding: 4 15 4 15px;
    border-radius: 5px;
    border: 1px solid #bcbcbc;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.navmorebutton:hover,.navmorebutton:visited:hover{background-color:#efefef;}

.commentcount{		/* news area comment count label */
    font-family: Verdana,Arial,Helvetica;
    font-size: 9px;
    font-weight: bold;
    color: #427194;
    background: url(/images/small_comment3.png);
    padding: 0px 12px 1px 16px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin-left: 5px;
}

.listtitle{		/* general purpose list title .. news.asp */
    font-size: 15px;
    padding-left: 20px;
    padding-bottom: 16px;
    padding-right: 20px;
    list-style-type: none;
    color: #444;
    clear: both;
}

.listtitle > a {color:#444;text-decoration:none;display:block;padding-bottom:3px;}
.listtitle > a:hover,.listtitle> a:visited:hover{color:#444;text-decoration:underline;}

.listsubtitle{		/* general purpose list subtitle .. news.asp */
    font-size: 11px;
    color: #b92;
}

.listimg{		/* general purpose list image .. news.asp */
    float: left;
    padding-right: 30px;
    padding-bottom: 40px;
    width: 250px;
}

.listcontent{		/* general purpose list content .. news.asp */
    font-size: 11px;
    color: #AAA;
    padding-top: 10px;
    padding-right: 30px;
    display: block;
}

.listheader{		/* general purpose list section header .. news.asp */
    font-size: 1.1em;
    background-color: #f2f2f2;
    padding: 8 20px;
    margin-left: 0px;
    margin-top: 16px;
    margin-bottom: 15px;
    display: block;
    font-weight: 700;
    color: #404040;
    border-bottom: solid 1px #ddd;
    border-radius: 5px;
}

.searchbarform{		/* search input bar parent form */
    display: inline-block;
    position: relative; 
    height: 0px; 
    width: 450px; 
    padding-left: 26px; 
    padding-bottom: 25px; 
    padding-top: 10px;
}

.searchbarinput{	/* search input bar .. twitter-esque inside news.asp */
    display: block;
    /* box-sizing: border-box; */
    width: 100%;
    height: 32px;
    padding: 5px 27px 6px 12px;
    font-size: 12px;
    background-color: #f5f8fa;
    border: 1px solid #e1e8ed;
    /* border-radius: 21px; */
    transition: all .2s ease-in-out;
    margin: 0;
    outline: 0;
    line-height:150%;
}

.searchbaricon{		/* search input bar icon .. inside news.asp */
    width: 34px;
    height: 27px;
    display: block;
    position: absolute;
    top: 11px; /* 14px; */
    right: 1px; /* 6px;  */
    background-color: #efefef;
    padding-top: 3px;
    padding-left: 2px;
    text-align: center;
}

.searchbarsubmit{	/* search input bar icon .. inside news.asp */
    background: url(/images/icon_search.png); 
    width: 26px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    display: inline-block;
    cursor: pointer;
    opacity: .4;
}

.embedbutton{		/* embed code button found in player, for webcasts, etc */
    background-color: #0099FF;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 6px 0px 6px 10px;
    cursor: pointer;
    font-size: 0.9em;
    text-align: center;
    width: 100%;
    background: #0099FF url(/images/icon-code.png) no-repeat;
    background-size: 14px;
    background-position: 18px 4px;
    background-position-y: center;
}

.embedbutton:hover{ background-color: #007ACC; }

.favbutton {        /* embed code button found in player, for webcasts, etc */
    background-color: #0099FF;
    color: white;
    border: none;
    border-radius: 3px;
    padding: 6px 0px 6px 10px;
    cursor: pointer;
    font-size: 0.9em;
    text-align: center;
    width: 100%;
    background-image: url(/images/star-icon-70-white.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 8px 6px;
    /* background-position-y: center; */
}

.favbutton:hover { background-color: #007ACC; }
.favbutton.favorite-on {
    background-image: url(/images/star-icon-70-on.png);
}

.barbutton {        /* embed code button found in player, for webcasts, etc */
    background-color: #dedede;
    color: #444;
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 6px 0px 6px 14px;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    width: 100%;
    background-repeat: no-repeat;
}

.barbutton:hover { background-color: #cdcdcd; }

.fav-circle { 
    width: 15px;
    background-color: #eee;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid #aaa;
}

.fav-circle:hover {
    background-color: #fff;
    cursor: pointer;
}

.navleftblackfeature{COLOR:black;FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:13px;TEXT-DECORATION:none}
.navleftblackfeature:active{color:white;}
.navleftblackfeature:hover,.navleftblackfeature:visited:hover{color:#FF3300;}
.navleftblack{COLOR:black;FONT-FAMILY:verdana,Arial,Helvetica;FONT-SIZE:13px;TEXT-DECORATION:none}
.navleftblack:active{color:white;}
.navleftblack:visited:hover{color:#FF3300;}
.navleftblack2{color:black;TEXT-DECORATION:none}
.navleftblack2:hover,.navleftblack2:visited:hover{color:#cc3300;border-bottom:dashed 1px #cc3300;}
.navleftblack2b{color:black;TEXT-DECORATION:none}
.navleftblack2b:hover,.navleftblack2b:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}
.navleftblack3{color:123154;TEXT-DECORATION:none}
.navleftblack3:hover,.navleftblack3:visited:hover{color:#cc3300;border-bottom:dashed 1px #cc3300;}
.navleftblack3b{color:123154;TEXT-DECORATION:none}
.navleftblack3b:hover,.navleftblack3b:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}
.navleftblack4{color:541212;TEXT-DECORATION:none}
.navleftblack4:hover,.navleftblack4:visited:hover{color:#cc3300;border-bottom:dashed 1px #cc3300;}
.navleftblack4b{color:541212;TEXT-DECORATION:none}
.navleftblack4b:hover,.navleftblack4b:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}
.navleftblack5{color:616174;TEXT-DECORATION:none}
.navleftblack5:hover,.navleftblack5:visited:hover{color:#cc3300;border-bottom:dashed 1px #cc3300;}
.navleftblack5b{color:616174;TEXT-DECORATION:none}
.navleftblack5b:hover,.navleftblack5b:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}
.navleftblack6{color:676767;TEXT-DECORATION:none}
.navleftblack6:hover,.navleftblack6:visited:hover{color:#cc3300;border-bottom:dashed 1px #cc3300;}
.navleftblack6b{color:676767;TEXT-DECORATION:none}
.navleftblack6b:hover,.navleftblack6b:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}
.navleftblack6c{color:#A8A494;TEXT-DECORATION:none}
.navleftblack6c:hover,.navleftblack6c:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}
.navleftblack7{color:bb8800;TEXT-DECORATION:none}
.navleftblack7:hover,.navleftblack7:visited:hover{color:#996600;border-bottom:dashed 1px #996600;}
.navleftblack8{color:485666;TEXT-DECORATION:none}
.navleftblack8:hover,.navleftblack8:visited:hover{color:#cc3300;border-bottom:dashed 1px #cc3300;}
.navleftblack8b{color:485666;TEXT-DECORATION:none}
.navleftblack8b:hover,.navleftblack8b:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}
.navleftblack9b{color:889696;TEXT-DECORATION:none}
.navleftblack9b:hover,.navleftblack9b:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}
.navleftblack10b{color:627184;TEXT-DECORATION:none}
.navleftblack10b:hover,.navleftblack10b:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}
.navleftblack11b{color:white;TEXT-DECORATION:none}
.navleftblack11b:hover,.navleftblack11b:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}
.navleftblack12b{color:#114477;TEXT-DECORATION:none;}
.navleftblack12b:hover,.navleftblack12b:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}
.navleftblack12c{color:#114477;TEXT-DECORATION:none;border-bottom: dotted 1px #cdcdcd;}
.navleftblack12c:hover,.navleftblack12c:visited:hover{color:#cc3300;TEXT-DECORATION:none;border-bottom: solid 1px #cc3300;}
.navleftblack12d{color:#541212;TEXT-DECORATION:none;border-bottom: dotted 1px #cdcdcd;}
.navleftblack12d:hover,.navleftblack12d:visited:hover{color:#cc3300;TEXT-DECORATION:none;border-bottom: solid 1px #cc3300;}
.navleftblack13b{color:#997755;TEXT-DECORATION:none;}
.navleftblack13b:hover,.navleftblack13b:visited:hover{color:#cc3300;TEXT-DECORATION:underline;}

.navleft5{COLOR:9cff6b;FONT-FAMILY:times,Arial,Helvetica;FONT-SIZE:12px;TEXT-DECORATION:none}
.navleft5:active{color:white;}
.navleft5:visited{color:white;}
.navleft5:visited:hover{color:#FF3300;}

.navleft6{COLOR:B0B2A2;FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:9px;TEXT-DECORATION:none}
.navleft6:visited:hover{color:#FF3300;}

.navleft7{COLOR:426194;FONT-FAMILY:arial,verdana,Tahoma;FONT-SIZE:11px;TEXT-DECORATION:none}
.navleft7:hover{color:#883300;}

.navverdanadate{COLOR:bb8800;FONT-FAMILY:verdana,Arial,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none}
.navverdanadate:active{color:white;}
.navverdanadate:visited:hover{color:#FF3300;}

.navverdanabible{COLOR:cc0000;FONT-FAMILY:verdana,Arial,Helvetica;FONT-SIZE:11px;TEXT-DECORATION:none}
.navverdanabible:active{color:white;}
.navverdanabible:visited:hover{color:#ff33FF;}

.iform{color:#6B429F;background:#EBD3FF;font-weight:normal;font-size:11px;}

.texttabswrap {
        border-bottom: 1px solid #ddd;
        padding-top: 26px;
        padding-left: 38px;
        padding-bottom: 9px;
        margin-bottom: 8px;
}
.texttabs {
        font-size: 12px;
        text-decoration: none;
        font-family: Arial,sans-serif;
        display: inline;
        border-bottom: 3px solid #d6d6d6;
        color: #888888;
        font-weight: normal;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 8px;
        margin-bottom: 100px;
}
.texttabs:hover {
        color:#333;
        border-bottom: 3px solid #a6a6a6;
}
.texttabs.selected {
        font-weight:bold;
        border-bottom: 4px solid #993300;
        padding-bottom: 7px;
        color:#993300;
}

.sermonFocusTitle {
        font-family: Times Roman;
        font-size: 26px;
        margin-top: 7px;
        color: #724e44;
        text-decoration: none; 
}
.sermonFocusTitle:hover {
        text-decoration: underline; 
}
.sermonFocusSubtitle {
        font-family: Times Roman;
        font-size: 16px;
        font-style: italic;
        margin-top: 0px;
        color: #724e44; 
        width: 430px;
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.sermonFocusSubtitle2 {
        font-family: Times Roman;
        font-size: 14px;
        font-style: italic;
        margin-top: 0px;
        color: #afa5a2;
}
.sermonFocusLabel { 
        font-family: Verdana;
        font-size: 8px;
        font-weight: bold;
        margin-bottom: 2px;
        padding: 3px;
        width: 100px; 
        border-radius: 3px;
        text-align: center;
        color: #5f767f;
        background-color: #bfccdc; 
        line-height: normal;
}
.sermonFocusPlayMod { 
        margin-left: 5px;
        padding: 6px 22px 6px 22px;
        font-size: 12px;
        font-weight: normal; 
}

.eventbutton { margin-right: 2px;margin-top: 2px;width: 37px;opacity: 0.75; }
.eventbutton:hover { opacity: 1 }

.tooltip {
    display:inline-block;
    position:relative;
    text-align:left;
}

.tooltip h3 {margin:12px 0;}

.tooltip .top {
    min-width:160px;
    max-width:400px;
    top:-5px;
    left:-15px;
    transform:translate(-30%,-100%);
    padding:10px 20px;
    color:#ffffff;
    background-color:#46829d;
    font-weight:normal;
    font-size:14px;
    /* border-radius:8px; */
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    /* box-shadow:0 1px 8px rgba(0,0,0,0.5); */
    display:none;
    text-align: center;
}

.tooltip:hover .top {
    display:block;
}

.tooltip .top i {
    position:absolute;
    top:100%;
    left:30%;
    margin-left:-15px;
    width:30px;
    height:15px;
    overflow:hidden;
}

.tooltip .top i::after {
    content:'';
    position:absolute;
    width:15px;
    height:15px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#009cdc;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}