﻿.Left
{
    float: left;
}

.Right
{
    float: right;
}

#div-SCLWrapper
{
    font-family: Verdana, Arial;
    font-size: 10pt;
    /*width: 780px;*/
    margin: 0px auto;
    /*color: Black;*/
    text-align: left;
}

#div-OrderBy
{
    margin-top: 5px;
}

#div-OrderBy img,
#div-OrderBy select
{
    vertical-align: middle;
}

div.Pager
{
    margin-top: 5px;
}

.clear
{
    clear: both;
}

span.head
{
    font-weight: bold;
    font-size: 1.1em;
}

span.subhead
{
    font-weight: bold;
    font-size: 1em;
}

span.light
{
    color: #676767;
}

div.divSearch
{
    text-align: left;
}

div.divSearch dl
{
    width: 550px;
}

div.divSearch dl dt
{
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    margin: 3px;
}

div.divSearch dl dd
{
    float: left;
    width: 400px;
    margin: 3px;
}

div.divSearch select
{
    width: 300px;
}

div.divSearch a:link,
div.divSearch a:visited
{
    color: White;
    text-decoration: none;
    font-weight: bold;
}

div.divSearch a:hover,
div.divSearch a:active
{
    color: #676767;
    text-decoration: underline;
    font-weight: bold;
}

div.currentFilterSmall
{
    background: url('Images/backFilterSmall.jpg') no-repeat top left;
	padding: 4px;
	height: 34px;
}

div.currentFilterLarge
{
	/*background: url('Images/backFilterLarge.jpg') no-repeat top left;*/
	border: 1px solid #e1e1e1;
	padding: 4px;
}

div.currentFilterLarge a:link,
div.currentFilterLarge a:visited
{
    color: Blue;
    text-decoration: none;
    font-weight: bold;
}

div.currentFilterLarge a:hover
{
    color: Red;
    text-decoration: underline;
    font-weight: bold;
}


#ul-SCL li
{
    list-style-type: none;
    padding: 0px;
    margin: 10px 0px;
    background-color: #eeeeee;
}

div.tlc, div.trc, div.blc, div.brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

div.tlc
	{
	background-image:url(images/tlc.gif);
	background-position: 0% 0%;
	}

div.trc
	{
	background-image:url(images/trc.gif);
	background-position: 100% 0%;
	}
	
div.blc
	{
	background-image:url(images/blc.gif);
	background-position: 0% 100%;
	}

div.brc
	{
	background-image:url(images/brc.gif);
	background-position: 100% 100%;
	}

div.tb, div.bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
div.tb
	{
	background-image:url(images/tb.gif);
	background-position: 0% 0%;
	}

div.bb
	{
	background-image:url(images/bb.gif);
	background-position: 50% 100%;
	}
	
div.rb
	{
	background-image:url(images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

div.lb
	{
	background-image:url(images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

#ul-SCL li a
{
    color: Blue;
    text-decoration: none;
}

#ul-SCL li a:hover
{
    color: Red;
    text-decoration: 'underline';
}

#ul-SCL li.Heading
{
    font-weight: bold;
    background: none;
    padding: 0px;
    margin: 0px;
}

#ul-SCL li div.LeftInfo
{
    float: left;
    /*width: 480px;*/
    text-align: left;
}

#ul-SCL li div.LeftInfo span.Title
{
    font-size: 12pt;
}

#ul-SCL li div.RightInfo
{
    float: right;
    width: 220px;
    text-align: right;
}

#ul-SCL li div.RightInfo a.Play
{
    display: inline-block;
    width: 77px;
    height: 20px;
    padding: 0px 0px 0px 31px;
    background: url('images/btnPlay.gif') no-repeat;
    color: White;
    text-align: left;
}

#ul-SCL li div.RightInfo a.Play:hover
{
    background: url('images/btnPlayOn.gif') no-repeat;
}

#ul-SCL li div.RightInfo a.Download
{
    display: inline-block;
    width: 97px;
    height: 19px;
    padding: 0px 0px 0px 9px;
    background: url('images/btnDownload.gif') no-repeat;
    color: White;
    text-align: left;
    margin-left: 2px;
}

#ul-SCL li div.RightInfo a.Download:hover
{
    background: url('images/btnDownloadOn.gif') no-repeat;
}

#ul-SCL li div.info
{
    padding: 15px 20px 12px 10px;
}

/************* Sermon ************/
#div-Sermon
{
    margin: 10px auto 0px auto;
    padding-bottom: 10px;
	width: 700px;
}

#div-SermonInfo
{
    width: 310px;
    float: left;
    position: relative;
}

#div-SermonInfo span.title
{
    font-weight: bold;
    font-size: 14px;
}

#div-SermonInfo a:link,
#div-SermonInfo a:visited
{
    color: Blue;
    text-decoration: none;
}

#div-SermonInfo a:active,
#div-SermonInfo a:hover
{
    color: #e47600;
    text-decoration: none;
}

#div-Scripture
{
    width: 370px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    float: left;
}

#div-ScriptureNav
{
    padding: 5px;
    background: url('Images/BlackBG.jpg');
}
#div-ScriptureNav input,
#div-ScriptureNav select
{
    margin: 0px 1px;
}

#div-FrameWrap
{
    background-color: Black;
    padding: 0px 2px;
}

#div-Frame
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 214px;
    overflow: auto;
}

#bibleFrame
{
    border: 0px solid Black;
    width: 100%;
    height: 10000px;
}

#div-Scriptures
{
    background: url('Images/BlackBG.jpg');
}
  
#ul-Scriptures
{
    padding: 5px;
    margin: 0px;
    list-style-type: none;
}

#ul-Scriptures li
{
    padding: 0px;
    margin: 3px 0px;
    list-style-type: none;
    color: White;
}

#ul-Scriptures li a:link,
#ul-Scriptures li a:visited
{
    color: #ffd686;
    text-decoration: none;
}

#ul-Scriptures li a:active,
#ul-Scriptures li a:hover
{
    color: Orange;
    text-decoration: 'underline';
}

.hideBio
{
    display: none;
}

.showBio
{
    position: absolute;
    width: 350px;
    overflow: auto;
    padding: 4px;
    text-align: left;
    border: 1px solid Orange;
    background-color: #ffd585;
    font-size: 10pt;
    z-index: 20;
    top: 50px;
    left: 50px;
}

#div-Series
{
	width: 280px;
	padding: 0px;
	margin: 0px;
}

#div-SeriesTitle
{
	color: #14354e;
	background: #c4bbb2 url('Images/seriesTop.gif') no-repeat;
	height: 20px;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	padding: 3px 0px 0px 0px;
}

#div-SeriesList
{
	border: 1px solid #c4bbb2;
	height: 87px;
	overflow: auto;
	padding: 0px;
	margin: 0px;
}

#div-SeriesList ul
{
	margin: 0px;
	padding: 0px;
}

#div-SeriesList ul li
{
	background: #f7f5f4;
	margin: 0px;
	padding: 3px;
}

#div-SeriesList ul li.alt
{
	background: #e6e3df;
}

#div-SeriesList ul li.selected
{
	color: #ff9900;
	background: #262626 url('Images/backPlaying.png') 15px 7px no-repeat;
}

#div-SeriesList ul li span
{
	font-size: 8px;
	vertical-align: middle;
	margin-right: 18px;
}

#div-SeriesList ul li a:link,
#div-SeriesList ul li a:visited
{
	color: #4b6980;
}

#div-SeriesList ul li a:active,
#div-SeriesList ul li a:hover
{
	color: #14354e;
}

#div-SeriesList ul li.selected a:link,
#div-SeriesList ul li.selected a:visited,
#div-SeriesList ul li.selected a:active,
#div-SeriesList ul li.selected a:hover
{
	color: #ff9900;
}

#div-SermonOptions
{
	height: 74px;
	padding: 0px;
	margin: 0px 0px 0px 65px;
	background: url('Images/backSermonOptionsM.gif') repeat-x;
	width: 545px;
}

#div-SermonOptions ul
{
	margin: 0px;
	padding: 4px 0px;
	list-style-type: none;
}

#div-SermonOptions ul li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	width: 130px;
	text-align: center;
}

#div-SermonOptions ul li img
{
	display: block;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
}

#div-SermonOptions ul li a:link,
#div-SermonOptions ul li a:visited
{
	color: #3b5a71;
	text-decoration: none;
}

#div-SermonOptions ul li a:active,
#div-SermonOptions ul li a:hover
{
	color: White;
	text-decoration: none;
}