/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;min-width:950px;}#doc3{margin:auto 10px;width:auto;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-gf div.first{width:24%;}.yui-ge div.first{width:74.2%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

/* 	COLORS:
	harvest gold:#ffee88;
	pale blue:#d9e5f2;
	light lime green: #d4ff99;
	light mint green: #eeffcc;
	light reddish: #ffaa99;
*/

/*<<<<<<<<<<<<<<<<<<
	Global 
>>>>>>>>>>>>>>>>>>>*/
body {
	background: #C6D9E9;
	font-family: "Gill Sans", "Gill Sans MT", Arial;
	font-size: 80%;
	margin-bottom: 0;
	text-align: center;
}

strong {
	font-weight: bold;
}

p {
	padding: .5em;
}



/*<<<<<<<<<<<<<<<<<<
	Structure 
>>>>>>>>>>>>>>>>>>>*/
#doc3 {
/*	background: url(../images/side_top.jpg) repeat-x #CEE9F4; #d9e5f2; #e9e9e9;*/
	background: #E4F2FD;
	margin: 0;
	padding: 0;
}

#hd {
/*	background: #000;*/
	background: #000;
	height: 100%;
	margin: 0 auto;
	min-height: 3em;
	width: 1000px;
}
		#menu {
			float: left;
			vertical-align: baseline;
			width: 200px;
			padding: 1em 0 .75em 3em;
		}
			
		#brand {
			color: #fff;
			float: right;
			padding-right: 1.4em;
			text-align: right;
			vertical-align: middle;
			width: 200px;
		}
			#brand img {
				padding: .5em;
				vertical-align: middle;
			}
			
		#tabs {
			background: #E4F2FD;
      border-bottom: 1px solid #C6D9E9;
			clear: both;
			float: left;
			margin: 0 auto;
			text-align: left;
			width: 100%;
		}			
		
#doc3 .yui-gc {
	padding: 0;
	margin-top: -2px;
}

		#hd-content {
			background: #E4F2FD;
      float: left;
			height: 100%;
			padding-bottom: 1.5em;
			text-align: left;
			width: 100%;
		}	
		  #hd-content #header {
		    padding: 1.5em 1.5em 2.5em 3em;
		  }
		
			#hd-content img {
				border: 1px solid black;
				margin-right: 1em;
				margin-top: 1em;
				float: left;
				vertical-align: middle;
			}
			
			#hd-content #your_logo_here {
			  background: #fcfcfc;
			  border: 1px solid black;
				float: left;
				height: 75px;
				margin-right: 1em;
				vertical-align: middle;
				width: 75px;
			}
			
			    #hd-content #your_logo_here p {
			      margin: auto;
			      margin-top: 10px;
			      text-align: center;
			    }
			    
			    #hd-content #your_logo_here a {
			      text-decoration: none;
			      border-bottom: 1px dotted #666;
			    }
			    
			#hd-content #account_header {
        float: left;
			  padding-bottom: 1em;
			}
		
			#hd-content p {
			}
			
			#hd-content h1 {
				color: #000;
				padding: .25em 0em;
			}
			
			#hd-content h3 {
				font-size: 135%;
				text-indent: .2em;
			}
			
			#hd-content h3 span {
/*        background: #C6D9E9;*/
/*        border: 1px solid #80B5D0;*/
			  margin-left: 4px;
			  padding: 4px 4px;
			  width: 5em;
			}
			
			#hd-content h3 span a {
        color: #224466;
        font-size: 70%;
        text-decoration: none;
        padding: 0px 3px;
			}
			
			#hd-content h3 small a:hover {
        color: #990000;
			}
		
		#main {
		  background: #fcfcfc;
		  margin: 0 auto;
      width: 960px;
		}
		
		#main-content {
			background: #fcfcfc;
			clear: both;
			float: left;
			height: 100%;
			margin: auto;
			min-width: 725px;
			text-align: left;
      width: 100%;
		}
			#flash_messages, #administrative_messages {
        text-align: center;
        margin: 0 auto;
        width: 960px;
/*        width: 100%;*/
			}
		
			#flash_notice {
				background-color: #CFC;
				border: solid 1px #6C6;
				display: block;
				font-size: 100%;
				margin: 0 auto;
/*        margin-top: 1em;*/
        padding: 1em 0em;
				width: 100%;
			}

			#flash_error {
				background-color: #FCC;
				border: solid 1px #C66;
				display: block;	  
				font-size: 100%;
				margin: 0  auto;
/*        margin-top: 1em;*/
        padding: 1em 0em;
				width: 100%;	
			}
			
			#flash_administrative {
				background-color: #fff9d8;
				border: solid 1px #000;
				display: block;
				font-size: 100%;
				margin: 0 auto;
        padding: 1em 0em;
/*        margin-top: 1em;*/
/*        padding: 1em .25em;*/
/*        width: 100%;*/
			}
			  #flash_administrative p {
			    text-align: left;
			    margin: 0 auto;
			    width: 960px;
			  }

			#content {
				background: #fcfcfc;
				clear: both;
				min-width: 700px;
				padding: 3em 0em 20em 2em;
/*        width: 98%;*/
			}
		
		#sidebar {
		  background: #fcfcfc;
			margin-top: 2em;
			width: 22%;
		}
		
		#hd-sidebar {
			color: #f2f2f2;
		}

	div#border-bottom {
		background :#fff;
		clear: both;
		height: 1px;
		margin: 0;
		overflow: hidden;
		padding: 0;
	}

#ft {
	background: #000;
	margin: 0 auto;
	width: 1000px;
}

	#footer {
		background: #000;
		height: 20em;
		margin-top: 0;
		min-height: 20em;
		padding-top: 0;
	}


/*<<<<<<<<<<<<<<<<<<
	Headings 
>>>>>>>>>>>>>>>>>>>*/
h1, h2, h3, h4, h5 {
	font-weight: bold;
	padding: 0;
}

h1 {
	font-size: 250%;
}

h2 {
	font-size: 155%;
}

h3 {
	color: #2e2e2e;
	font-size: 125%;
}

h5 {
	color: #aaa;
	font-size: 85%;
	line-height: 17px;
	padding-top: 3px;
}


/*<<<<<<<<<<<<<<<<<<
	Links 
>>>>>>>>>>>>>>>>>>>*/
div#menu ul a:link,
div#menu ul a:visited {
	color: #fff;	
}

div#tabs ul a:link,
div#tabs ul a:visited {
	font-weight: bold;
}

/*<<<<<<<<<<<<<<<<<<
	Lists 
>>>>>>>>>>>>>>>>>>>*/
div#menu ul {
	float: left;
	list-style: none;
}

	div#menu  li {
		display: inline;
		margin-right: 7px;
	}

		div#menu li strong {
			font-size: 110%;
		}


div#tabs ul {
	list-style: none;
	margin: 0pt auto;
	margin-top: .5em;
	padding-left: 2em;
}

	div#tabs  li {
		display: inline;
	}

	#tabs li a {
		background: #E4F2FD;
		color: #2583AD;
		font-size: 110%;
		font-weight: bold;
		margin-right: 5px;
		padding: 3px 6px 0px 6px;
		text-decoration: none;
	}

	#tabs li a:hover {
		color: #990000;
	}
	
	#tabs li a.current {
	  color: #990000;
	  background: #fcfcfc;
	  border: 1px solid #C6D9E9;
	  border-bottom: 2px solid #fcfcfc;
	}
	
			#sub_tabs {
				clear: both;
				height: 10px;
				margin-top: 2.5em;
				text-align: left;
				width: 475px;
			}	
			
	div#sub_tabs ul {
		list-style: none;
		margin: 0;
		padding-left: 1.75em;
	}

		div#sub_tabs  li {
			display: inline;
		}

		#sub_tabs li a {
			color: #2583AD;
			display: block;
			float: left;
			font-size: 92%;
			font-weight: bold;
			margin-right: 5px;
			padding: 3px 10px;
			text-decoration: none;
		}

		#sub_tabs li a:hover {
			color: #990000;
		}
		
		#sub_tabs li a.current {
		  color: #990000;
		}
	
ol 	{
	list-style-position: inside;
	list-style-type: decimal;
}


/* <<<<<<<<<<<<<<<<<<
	Tables 
>>>>>>>>>>>>>>>>>>>*/
table {
	background: #fff;
	border: 1px solid #636363;
	border-bottom: 3px solid #3D3D3D;
	border-right: 3px solid #3D3D3D;
	margin: 1em;
	width: 90%;
}	

		tr.odd {
			background: transparent;
		}

		tr.even {
			background: #e9e9e9;
		}	
		
			th {
				font-size: 110%;
				font-weight: bold;
				text-align: center;
			}
		
			td {
				padding: 1em 0.5em 1em 0.5em;
			}
			
			td a {
				color: #000;
			}
			
			.administrative a {
				color: #990000;
			}

div#pricing_all {
	margin: 0 auto;
	width: 60em;
}

div#pricing_selected {
	width: 23em;
}

div#pricing_upgrade_downgrade {
	font-size: 90%;
	margin-top: 2em;
	width: 60em;
}

	div#pricing_upgrade_downgrade table#pricing td.plan_feature {
		text-align: right;
	}
	
	div#pricing_upgrade_downgrade table#pricing td.plan_feature div {
		display: none;
	}

table#pricing {
	width: 100%;
}

	table#pricing td {
		border: 1px solid #999;
		text-align: center;
	}

	table#pricing .plan_feature h3 {
		line-height: 1em;
	}
	
	table#pricing .plan_feature div {
		margin-left: .5em;
		margin-right: .5em;
		text-align: justify;
	}
	
	table#pricing td.plan_feature small {
		font-size: 75%;
	}
	
	table#pricing .plans {
		background: #fff9d8; /* #ffffdd; */
		vertical-align: bottom;
	}
	
	table#pricing th {
		border: 1px solid #999;
	}
	
		table#pricing th a {
			font-size: 80%;
		}
			
		table#pricing th img {
			vertical-align: middle;
		}		

		table#pricing th.plan_free strong {
			font-size: 100%;
		}

		table#pricing th.plan_basic strong {
			font-size: 110%;
		}

		table#pricing th.plan_basic strong,
		table#pricing th.plan_economy strong,
		table#pricing th.plan_plus strong,
		table#pricing th.plan_premium strong {
			font-size: 130%;
		}

		table#pricing th.plan_free,
		table#pricing td.plan_free
		{
			border-right: 2px solid #666;
		}

		table#pricing th.plan_premium,
		table#pricing td.plan_premium {
			border-left: 2px solid #666;
		}
	
	table#pricing .extra th, table#pricing .extra td {
	  border-bottom: 1px solid #fff;
	  margin: 0;
	  padding: 0;
	}
	
	table#pricing .extra th.plan_free {
	  background: #333;
	  color: #fff; 
	  font-size: 80%;
	}
	
	table#pricing .price {
		color: #C33;
		font-size: 110%;
	}

	table#pricing.plan_details strong {
		font-size: 130%;
	}

	table#pricing td.plan_free{
		background: #feefee;
	}

	table#pricing td.plan_basic strong,
	table#pricing td.plan_economy strong,
	table#pricing td.plan_plus strong {
		font-size: 130%;
	}

	table#pricing td.plan_premium strong {
		font-size: 150%;
	}

table#users {
	width: 40em;
}

	table#users td img {
		border: 1px solid #c2c2c2;
		vertical-align: top;
	}

	table#users td h3 {
		display: inline;
	}

/* <<<<<<<<<<<<<<<<<<
	Forms 
>>>>>>>>>>>>>>>>>>>*/
form {}

fieldset {
	background: #E4F2FD;
	border: 1px solid #ccc;
	border-bottom: 3px solid #3D3D3D;
	border-right: 3px solid #3D3D3D;
	margin-bottom: 25px;
	padding: 12px;
	width: 30em;
}

		fieldset legend {
			background: #fff;
			border: 1px solid #bbb;
			color: #000;
			font-size: 110%;
			font-weight: bold;
			padding: 0 5px;
		}
		
		fieldset label {
			color: #000;
			font-size: 125%;		
		}

		fieldset p {
			color: #333;
			font-size: 95%;
			margin: 0 0 5px 0;
			padding: 0;
		}

		fieldset small {
			color: #999;
			font-size: 85%;
		}

		fieldset input, fieldset textarea {
			font-size: 110%;
			font-weight: bold;
			margin-bottom: 4px;
			padding: 3px;
		}
			
		fieldset select {
			font-size: 110%;
			margin-bottom: 4px;
			padding: 3px;
		}

		fieldset strong {
			color: #000000;
			font-size: 125%;
		}

.errorExplanation {
	background: #ffffdd;
	padding: 20px;
	width: 425px;
}

.errorExplanation h2 {
	color: #cc0000;
	font-size: 125%;
}

.fieldWithErrors {
	display: inline;
}

.fieldWithErrors input, .fieldWithErrors checkbox {
	border: 1px solid #cc0000;
}

.fieldWithErrors input[type="hidden"] {
	border: none;
}

form.inplaceditor-form {}

	form.inplaceeditor-form input {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 4px;
		padding: 3px;
	}

	form.inplaceeditor-form .editor_ok_button {
		font-size: 12px;
		font-weight: bold;
		margin-left: 10px;
		padding: 3px;
	}

	form.inplaceeditor-form a {
		font-size: 12px;
		margin-left: 10px;
	}

	div#subscription_terms strong {
		color: #2e2e2e;
		font-size: 105%;
	}

div#sermon_resources, div#sermon_artwork {
	margin-top: 3em;
}

		div#sermon_resources legend img {
			vertical-align: middle;
		}

		div#sermon_resources legend  {
			vertical-align: middle;
		}

		div#sermon_resources fieldset  {}

		div#sermon_resources .attachment {
			font-size: 85%;
			margin-top: 10px;
			vertical-align: middle;
		}

		div#sermon_resources .attachment img {
			vertical-align: middle;
		}

div#sermon_artwork div.artwork_option {
/*  border: 1px solid red;*/
  float: left;
  padding-bottom: 2em;
  width: 190px;
}    
    div#sermon_artwork div.artwork_option > div {
      margin-left: 17px
    }
    
    div#sermon_artwork div.artwork_option .SWFUploadFileItem {
      width: 160px;
    }
    
    div#sermon_artwork div.artwork_option span.progressBar {
      width: 130px;
    }
    
    div#sermon_artwork div.artwork_option div.no_artwork {
      background: #fcfcfc;
      border: 1px solid black;
      height: 150px;
      padding: 10px;
      width: 150px;
    }

.flash_player {
	border: 5px solid green;
}

div.coloritem {
	border: 1px solid #000; 
    float: left;
    height: 1.5em;
    margin-left: .5em;
    width: 1.5em;
}

	div.coloritem a {
	    display: block;
	    height: 20px;
		width: 20px;
	}

	div.cpselected {
	    border: 3px dashed #666;
	}

div.clear {
	clear: both;
}

div#faq {
	display: none;
}

div#faq p {
	background: #fff;
	border-left: 3px solid #3D3D3D;
	margin: 1em;
}



	div#player_widget_wizard #player_options fieldset {
	  border: none;
		width: 10em;
	}
	
	  div#player_widget_wizard #player_options fieldset legend {
  	  border: none;
  		font-weight: normal;
  	}
	
  div#player_widget_wizard div#player_options_preview {
	  margin: 0 auto;
	  width: 50em;
	}

	div#player_options {
    float: left;
    margin: 0 auto;
    width: 16em;
	}

	div#player_preview {
    float: left;
    margin: 0 auto;
		width: 30em;
	}


	div#widget_lede fieldset {
		width: 45em;
	}
	
	div#widget_lede fieldset #description {
		float: left;
		width: 21em;
	}
	
	  div#widget_lede fieldset #description h4 {
	    color: #990000;
	    margin-bottom: 1em;
	    text-align: center;
  	}
	
	div#widget_lede fieldset #embed-code {
		float: right;
		width: 22em;
	}
	
	  div#widget_lede fieldset textarea {
  		font-weight: normal;
  		width: 19em;
  	}

	div#widget_lede {
/*    float: left; */
    margin: 0 auto;
    width: 50em;
	}

	div#details_widget_preview {
/*    float: right; */
    margin: 0 auto;
		width: 50em;
	}

div#player_widget_wizard, div#details_widget_wizard 
{
	clear: both;
	padding-top: 2em;
	width: 75em;
}


	div#filters_container select {
		color: #2e2e2e;
		font-family: "Gill Sans", "Gill Sans MT", Tahoma, arial, sans-serif;
		font-size: 110%;
		font-weight: bold;
		background: transparent;
	}

	div#filters_container li {
		padding-bottom: 1em;
	}

		div#filters_container li img {
			border: 1px solid #c2c2c2;
			margin-right: .5em;
			vertical-align: middle;
		}

		div#filters_container li a {
			font-size: 120%;
		}

div#cancel_account strong {
	color: #C33;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	font-weight: bold;
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 1;
}

	div.fakefile input {
		width: 22em;
	}

div#sermon_resources div.fakefile input {
	width: 300px;
}

div#maildrop_form_wizard
{
	width: 75em;
}

div#maildrop_form_preview {
	float: left;
	width: 45em;
}

	.highlight {
		background: #fff9d8;
		color: #3D3D3D;
		font-weight: bold;
		padding: .10em;
	}
	
	.highlight strong {
		color: #990000;
		font-size: 105%;
	}
	
.note a {
  color: #990000;
}

div#maildrop_form {
	background: #FFF;
	border: 2px dashed black;
	height: 40em;
	margin: 1em;
	padding: 1em;
	width: 48em;
}

	div#maildrop_form .instructions {
		float: left;
		font-size: 80%;
		width: 45%;
	}
	
	div#maildrop_form .mail_to {
		float: right;
		font-size: 102%;
		width: 38%;
	}

	div#maildrop_form div#fields {
		clear: both;
		font-size: 92%;
	}

		div#maildrop_form div#fields p {
			float: left;
		}

		div#maildrop_form div#fields input {
			border: none;
			border-bottom: 1px solid black;
		}

		div#maildrop_form div#fields textarea {
			border: 1px dashed black;
		}

		div#maildrop_form div#fields label {
			font-weight: bold;
		}

	div#maildrop_form div#date_stamp {
		float: right;
		padding-right: 4em;
	}
	

div.administrative {
	margin-bottom: 2em;
	}

	div.administrative img {
		vertical-align: bottom;
	}
	
div.sample {
		margin: 1em;
		width: 650px;
}

	div.sample span.arrow {
		display: block;	
		float: left;
		width: 120px;
	}
	
	div.sample span.arrow img {
		margin-left: 50px;
		vertical-align: top;
	}
	
	div.sample span.note {
		display: block;
		float: left;
		font-size: 115%;
		margin-bottom: 2em;
		width: 450px;
	}
		
.forgot_password {
	text-align: right;
}

h2#title {
	white-space: nowrap;
}

.ipe_instruction {
	color: #444;
	font-size: 50%;
	vertical-align: middle;
}

	.ipe_instruction img {
		vertical-align: middle;
	}

.controls img {
	vertical-align: bottom;
}

.controls a {
	font-size: 120%;
}

.filename {
	font-weight: bold;
}

	.filename img {
		vertical-align: middle;
	}

#sermon_resource_list .attachment {
	background: #eee;
	border: 1px solid #ccc;
	height: 1.5em;
    margin: 0 10px 10px 0;
    padding: 5px;
	width: 35em;
}

div>span.attachment_filename, div>span.filename {
	float: left;
	font-weight: bold;
}

	div>span.attachment_filename img, div>span.attachment_controls img {
		vertical-align: middle;
	}

div>span.attachment_controls, div>span.controls {
	float: right;
	vertical-align: middle;
}

div>span.controls {
	margin-top: 6px;
}

.cancelbtn {
	display: none;
	width: 16px;
}

.SWFUploadFileItem {
	background: #eaefea;
	border: 1px solid #ccc;
	display: block;
	float: left;
	height: 65px;
	margin: 0 10px 10px 0;
	padding: 5px;
	width: 375px;

}

.fileUploading { 
	background-color:#F0F5FF;
	border: 1px solid #CEE2F2;
}

.uploadCompleted { 
	background-color: #CFC;
	border: solid 1px #6C6;
}

.uploadCancelled {
	background-color: #FCC;
	border: solid 1px #C66;
}

span.progressBar {
	background-color: #CCC;
	display: block;
	font-size: 10px;
	height: 4px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 300px;
}

.sermon_audio_details {
	background: #eee;
	border: 1px solid #ccc;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 5px;	
    width: 28em;
}

.queueinfo {
	margin-top: 5px;
}

.fileList ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.uploaded_image img {
  background: #fcfcfc;
  border: 10px solid #ccc;
  display: block;
}

#player {
	clear: both;
	margin-left: 35px;
}

.ohSnap {
	border: 10px solid #fff;
	margin: 0 0 10px 0;
	position: relative; 
	top: 10px;
}

div.button {
  width: 12em;
}

.button {
	background: #efefef;
	border: 1px solid #aaa;
	margin: 3px;
	padding: 3px;
}

.button a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#related_sermons {
	padding: 2em 1.25em;
}

#related_sermons div {
	margin-bottom: 2em;
}

#related_sermons li {
	padding: .25em;
}

#related_sermons #related_by_series {
	float: left;
	width: 290px;
}

#related_sermons #related_by_tag {
	float: left;
	width: 290px;
}

.collapse_buttons a {
/*  margin-left: 15px;*/
	float: left;
}
.show_all_message {
	background: url(../images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url(../images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message {
	background: url(../images/collapse-all.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}

div.no_image {
  background: #fff; 
  border: 10px solid #ccc; 
  height: 150px; 
  margin-top: 20px; 
  text-align: center; 
  width: 150px
}

  div.no_image > p {
    color: #666; 
    font-size: 150%;
    padding: 5px;
    padding-top: 35px
  }
  

div#crop_image {
  clear: both;
}

fieldset#sermon_fieldset p {
  padding-bottom: 2em;
}

.over {
  background: url(../images/highlight-selected.gif);
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 12px;
  padding-right: 12px;
}

.disabled {
  color: #999;
}

#total_served {
/*  border: 3px solid #333;*/
/*  padding: 1em;*/
  width: 600px;
}
  #total_served h2 {
    color: #333;
    margin-left: 30px;
  }
  
  #total_served h2 strong {
    color: #000;
    font-size: 120%;
    margin-left: .5em;
  }
  
  #total_served div {
      height: 300px;
      margin-left: 30px;
      margin-top: 1em;
      width: 635px;
  }

div#stats_top {
  float: left;
  margin-bottom: 5em;
  margin-top: 2em;
  width: 750px;
}
  div#stats_top h2 {
    color: #333;
    margin-left: 30px;
  }

div.stats {
  float: left;
  margin-left: 40px;
  margin-top: 1em;
  width: 300px;
}
  div.stats h3 {
    margin-left: 10px;
  }
  
  div.stats table {
    border: 1px solid #aaa;
  }

  div.stats th {
    border-bottom: 1px solid #ddd;
    color: #999;
    font-size: 90%;
    padding: 5px;
    text-align: right;
  }
  
  div.stats td {
    vertical-align: top;
  }
  
  div.stats td.title span {
    color: #666;
    display: block;
    margin-left: 3px;
  }
  
  div.stats td.total {
    text-align: right;
  }
  
  div.sparkline {
    color: transparent;
    overflow: hidden;
    width: 50px;
  }
  
  .swfupload {
    position: absolute;
    z-index: 1;
  } 

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: #000;
	color: #fff;
  opacity: 0.85;
	overflow: hidden;
	text-align: left;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_results strong {
  font-size: 120%;
}

.ac_loading {
	background: white url(../images/indicator.gif) right center no-repeat;
}

/*.ac_odd {
  background-color: #333;
}*/

.ac_over {
	background-color: #0A246A;
	color: white;
}


#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}