@charset "utf-8";
/*	base.css is automatically included on every website
	These styles make the site function correctly with the CMS built into
	the nineteen05 Integrated Church Solution.
	
	Designers: 
		-You may redefine any of the below styles as your stylesheet
			will load after this file.
		-Styles with .mceContentBody are used by the text editor in the CMS
*/

/* CSS Document */

/* Layout Design */
body
{
	margin					: 0;
	padding					: 0;
	height					: 100%;
	font-family				: Arial, Helvetica, sans-serif;
}

body.mceContentBody
{
	font-family				: Arial, Helvetica, sans-serif;
	background				: #FFF;
	text-align				: left;
	font-size				: 16px;
}

a, a.mceContentBody
{
	text-decoration			: underline;
}

a:hover
{
	text-decoration			: none;
}

h1, h1.mceContentBody
{
	font-size				: 42px;
	margin					: 0 auto 5px 10px;
}

h2, h2.mceContentBody
{
	font-size				: 34px;
	margin					: 0 auto 5px 10px;
	padding					: 0;
}

h3, h3.mceContentBody
{
	font-size				: 30px;
	margin					: 0 auto 5px 10px;
}

h4, h4.mceContentBody
{
	font-size				: 26px;
	margin					: 0 auto 0 10px;
}

h5, h5.mceContentBody
{
	font-size				: 26px;
	margin					: 0 auto;
	font-style				: italic;
}

h6, h6.mceContentBody
{
	text-align				: right;
	font-size				: 20px;
	margin-top				: 0;
	margin-bottom			: 0;
}

hr, hr.mceContentBody
{
	width					: 85%;
	margin					: auto;
}

img
{
	border					: none;
}

.ClearFloat	{
	clear					: both;
	margin					: 0;
}

.Container
{
	background				: #FFFFFF;
	margin-left				: auto;
	margin-right			: auto;
	margin-top				: 0px;
	position				: absolute;
	text-align				: left;
	width					: 960px;
}

.Container P, P
{
	margin					: 0;
	font-size				: 16px;
}

.NavContainer
{
	height					: 52px;
	color					: #ffffff;
	font-size				: 17px;

}

.TopStripe
{
	background-color		: #fefefe;
	height					: 15px;
}

.NoGutter
{
	padding: 0;
}

/* Page Structure */

	#Right, .Right{ float: right; }
	#Left, .Left, .WholeMainContainer{ float: left; }

	/* -- Alternating row colors -- */
		#row1{ background-color: #999999; }
		#row2{ background-color:#CCCCCC; }

	/* -- Column functionality -- */
	/* 1 Column */
		.b1of1, .b2of2, .b3of3, .b4of4, .b5of5{ width: 100%; }

	/* 2 Columns */
		.b1of2{ width: 50%; }

	/* 3 Columns */
		.b1of3{ width: 33.333%; }
		.b2of3{	width: 66.666%; }

	/* 4 Columns */
		.b1of5{ width: 25%; }
		.b2of5{ width: 50%; }
		.b3of5{ width: 75%; }

	/* 5 Columns */
		.b1of5{ width: 20%; }
		.b2of5{ width: 40%; }
		.b3of5{ width: 60%; }
		.b4of5{ width: 80%; }
	/* -- End of Column functionality -- */
/* End of Page Structure */


/* Web Content Item Styling */
	.MapGoogle .theMap{ color: #000; }

/* Web Content Item Styling */


/* Navigation Drop Downs */
#Nav{
	list-style				: none;
	display					: inline;
	position				: relative;
}
#Nav a{}
#Nav a:hover{}
#Nav ul{
	list-style				: none;	
	padding					: 0;
}

#Nav li{
	float					: left;
	position				: relative;	
}

/* -- Customize the menus based on the current page -- */
	#Nav .current{}
	#Nav .parent{}
/* -- End this customization -- */

#Nav li ul
{
	display					: none;
	position				: absolute;
	top						: 1.1em;
	left					: 0px;
	overflow				: visible;
	z-index					: 9999;
}

#Nav li > ul
{
	top						: auto;
	left					: auto;
}

#Nav li:hover ul, #Nav li.over ul{
	display					: block;
}

#Nav li ul li
{
	clear					: left;
	overflow				: visible;
}

#Nav li ul li a{}

#Nav li ul li a:hover{}
/* End of Navigation Drop Downs */

/* Default Styling for web content items */
.AVCollection{
	height: 800px;
	position: relative;
}
.AVCollection.Dark{
	background: url('../items/images/playlist_dark_button_bg.png') bottom left repeat-x;}
.AVCollection.Light{
	background: url('../items/images/playlist_light_button_bg.png') bottom left repeat-x;}

.AVCollection .PlayerSize{ height: 25px;}

.AVCollection .MediaContent{ padding: 0px; position: relative; }

.AVCollection .MediaContent .ui-tabs-nav{
	height: 25px;
	padding: 0 5px 0 0;
	margin: 0;
}

.AVCollection.Dark .MediaContent .ui-tabs-nav{
	background: url('../items/images/playlist_dark_button_bg.png'); }

.AVCollection.Light .MediaContent .ui-tabs-nav{
	background: url('../items/images/playlist_light_button_bg.png') bottom left repeat-x }

.AVCollection.Dark .MediaContent .ui-tabs-selected{
	background: url('../items/images/playlist_dark_current_view.png') no-repeat bottom center;}

.AVCollection.Light .MediaContent .ui-tabs-selected{
	background: url('../items/images/playlist_light_current_view.png') no-repeat bottom center;}

.AvCollection .MediaContent .Info{ float: left; }

.AVCollection .Playlist{
	padding: 0px;
	margin: 0px;
	height: 100%;
}

.AVCollection .Playlist .List{
	clear: both;
	height: 725px;
	overflow: auto;
}

.AVCollection .Playlist .Thumbnail{
	width: 50px;
	padding: 5px 5px 5px 0;
}

.AVCollection .Playlist .Description{
	padding: 0px;
	margin: 0px;
	text-align: justify;
}

.AVCollection.Dark .Playlist .MediaItem{
	padding: 10px 5px;
	background: url('../items/images/playlist_dark_item_bg.png') bottom left repeat-x;
}

.AVCollection.Light .Playlist .MediaItem{
	padding: 10px 5px;
	background: url('../items/images/playlist_light_item_bg.png') bottom left repeat-x;
}


.AVCollection .Playlist .MediaItem.Current{
	background-color: #120943;
}

.AVCollection.Dark .Playlist .Navigation{
	background: url('../items/images/playlist_dark_button_bg.png');
	height: 25px;
}

.AVCollection.Light .Playlist .Navigation{
	background: url('../items/images/playlist_light_button_bg.png') bottom left repeat-x;
	height: 25px;
}

.AVCollection .Playlist .Navigation .Button{
	width: 20%;
	float: left;
	text-align: center;
	height: 25px;
}

.AVCollection .PlayerSize .SizeChooser{
	width: 35px;
	height: 25px;
	float: right;
}

.AVCollection.Dark .PlayerSize .Bigger{
	background: url('../items/images/playlist_dark_player_bigger.png') #484848 no-repeat center; }

.AVCollection.Light .PlayerSize .Bigger{
	background: url('../items/images/playlist_light_player_bigger.png') #d5d5d5 no-repeat center; }

.AVCollection.Dark .PlayerSize .Smaller{
	background: url('../items/images/playlist_dark_player_smaller.png') #484848 no-repeat center; }

.AVCollection.Light .PlayerSize .Smaller{
	background: url('../items/images/playlist_dark_player_smaller.png') #d5d5d5 no-repeat center; }

.AVCollection .MediaContent .ui-tabs-panel{
	padding: 5px 11px; }

.AVCollection .Info .ItemRef{
	position: absolute;
	text-align: right;
	float: right;
	color: #555;
	font-size: 16px;
	font-variant: small-caps;
	padding: 0 5px;
	width: 150px;
	top: 205px;
	right: 16px;
}

.AVCollection .Info .ItemRef img{ padding: 2px 0;}

.AVCollection .Item .Author{
	text-align: right;
	font-weight: bold;
	font-size: 20px;
}
.AVCollection .Item .Date{
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	padding-right: 5px;
}

.AVCollection .Info .Thumbnail{
	width: 150px;
	height: 150px;
}

.AVCollection .Thumbnail{ padding: 5px; }

.AVCollection .SocialShare{
	position: absolute;
	height: 25px;
	vertical-align: middle;
	top: 485px;
	right: 33.3333%;
	padding: 2px;
	font-size: 21px;
}

/* End Default Styling for web content items */

/* Add some basic jQuery styling */
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* End some basic jQuery styling */

/* Add some Subscription Styling */
#Subscribe.BigBox {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 10px 0;
}

#Subscribe .LeftWindow{
	float: left;
	width: 18%;
	min-height: 70%;
	border-right: 1px dashed #999;
	padding: 0px 3px;
	position: relative;
	overflow: visible;
}

#Subscribe .MainWindow{
	float: right;
	width: 80%;
	height: auto;
	min-height: 100%;
	padding: 0px 3px;
}

#Subscribe .Details{ text-align: right; }

#Subscribe .GroupName{
	font-size: 16px;
	font-variant:small-caps;
	font-weight: bold;
	margin-top: 10px;
}

#Subscribe .ManageList{ 
	margin-top: 4px;
	width: 48%;
	padding: 0px 4px;
	float: left;
}

#Subscribe .ManageList label span{
	font-size: 14px;
	margin-left: 20px;
	text-align: justify;
}

#Subscribe .ManageList label strong{ 
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
}

#Subscribe input[type="submit"] {
	font-size: 18px;
}

#Subscribe .MemberName{ 
	font-size: 20px;
	margin-top: 4px;
}

#Subscribe .PageHeading{
	font-size: 36px;
	text-align:center;
	margin: 10px 0;
}

#PreviewEmail, #PreviewEmail p, #PreviewEmail a, #PreviewEmail h1, #PreviewEmail h2, #PreviewEmail h3, #PreviewEmail h4, #PreviewEmail h5 {
	color: #000;
}
/* End some Subscription Styling */