body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 10pt;
	background: url('/images/layouts/body_bg.jpg') repeat center top;
}

	input[type="text"], input[type="password"], input[type="email"] {
		position: relative;
		/* padding: 2px 4px; */
		padding: 5px;
		font-family: Arial, sans-serif;
		font-size: 9pt;
		display: block;
		outline: none;
		border: #ccc solid 1px;
		border-top-style: inset;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	input[type="button"], input[type="submit"] {
		position: relative;
		margin: 0;
		padding: 5px 20px;
		color: #666;
		font-family: Arial, sans-serif;
		font-size: 10pt;
		font-weight: 500;
		line-height: 19px;
		background-color: #ddd;
		text-align: center;
		display: block;
		outline: none;
		border: #ccc solid 1px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	input[name*="date"] {
		background: #fff url(/images/library/icon_calendar.png) no-repeat 98% 50%;
	}
	
	textarea {
		position: relative;
		padding: 2px 4px;
		font-family: Arial, sans-serif;
		font-size: 9pt;
		display: block;
		outline: none;
		border: #ccc solid 1px;
		border-top-style: inset;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		box-sizing: border-box;
	}
	
		.mceExternalToolbar {
			/* left: -25px; */
			z-index: 2000;
		}

		.mceLayout, .mceIframeContainer {
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}

	a img {
		border-width: 0;
	}
	
	:-moz-any-link:focus {
		outline-width: 0;
	}


	.select_box_replacement {
		position: relative;
		height: 9px;
		line-height: 17px;
		color: #333;
		background: url(/images/select_box_bg.jpg) no-repeat 100% 50%;
		border: #666 solid 1px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		cursor: pointer;
	}

		.select_box_replacement.select_box_replacement_active {
			background: url(/images/select_box_active_bg.jpg) no-repeat 100% 50%;
		}

	.select_box_replacement_list {
		position: absolute;
		width: 94%;
		max-height: 300px;
		margin: 0;
		padding: 0;
		border: #666 solid 1px;
		background: #fff;
		/* background: rgba(255, 255, 255, 0.9); */
		z-index: 15;
		overflow: auto;
	}

		.select_box_replacement_list li {
			position: relative;
			padding: 5px 3px;
			color: #333;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 8pt;
			list-style: none;
			background-color: transparent;
			cursor: pointer;
		}

			.select_box_replacement_list li.selected {
				background-color: #ccc;
			}

			.select_box_replacement_list li.hover {
				/* color: #fff; */
				background-color: #ddd;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}

	div.plupload {
		cursor: pointer;
	}

		div.plupload input[type="file"] {
			padding: 0;
			height: 100%;
			cursor: pointer;
		}
	
	.notification {
		position: absolute;
		top: 0;
		width: 350px;
		padding: 5px;
		text-align: center;
		z-index: 5000;
	}

		.notification-success {
			background-color: #b8d487;
			border: #749f27 solid 2px;
		}

		.notification-warning {
			background-color: #eaf06e;
			border: #dac31c solid 2px;
		}

		.notification-error {
			color: #000;
			background-color: #df6f6f;
			border: #8f2c2c solid 2px;
		}

	#media_main_container {
		position: relative;
		background: url('/images/layouts/top_repeat.jpg') repeat-x center 66px;
	}

		#media_header {
			position: relative;
			width: 1024px;
			height: 66px;
			margin: 0 auto;
			padding: 0;
		}
		
			#media_logo {
				position: absolute;
				top:20px;
				left:15px;
			}
		
			#media_navigation {
				position: absolute;
				height: 36px;
				top: 16px;
				right: 0;
				margin: 0;
				padding: 0;
				list-style-type: none;
				color: #3f3f3f;
				font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
				font-size: 18px;
				line-height: 21px;
				text-decoration: none;
				text-align: left;
				text-shadow: 0px 1px 1px #fff;
				text-align: right;
				border:1px solid #a4a5a6;
				background: url('/images/layouts/lite_grey.png') repeat center top;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}

				#media_navigation li {
/*
					float: left;
					margin-right: 20px;
*/

					position: relative;
					float: left;
					margin: 0 auto;
					padding: 0;
					list-style-type: none;
					text-decoration: none;
					text-align: right;
				}
		
				#media_navigation :last-child {
					margin-right: 0;
				}

					#media_navigation li a {
/*
						color: #999;
						font-weight: 800;
						text-decoration: none;
*/
						padding: 8px 18px;
						margin: 0;
						color: #3f3f3f;
						font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
						font-size: 14px;
						text-decoration: none;
						text-align: center;
						text-shadow: 0px 1px 1px #fff;
						border-top:none;
						border-bottom:none;
						border-left: 1px solid #d4d5d5;
						border-right: 1px solid  #989999;
						display: block;
					}

					#media_navigation li a:hover, #media_navigation li a.active {
						/* color: #333; */
						color: #fff;
						text-decoration: none;
						text-shadow: 0 -1px 1px #3f3f3f;
					}

					#media_navigation li:first-child a {
						border-left: none;
					}
					#media_navigation li:last-child a {
						border-right: none;
					}
	
		#media_account_navigation {
			position: absolute; 
			top: 10px;
			right: 0;
			font-size: 8pt;
		}

			#media_account_navigation a {
				color: #3f3f3f;
				font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
				text-decoration: none;
			}

				#media_account_navigation a:hover {
					text-decoration: underline;
				}

		#media_container_bg {
			position: relative;
			padding-top: 30px;
			background: url('/images/layouts/top_image.jpg') no-repeat center top;
		}

			#media_container {
				position: relative;
				width: 1024px;
				margin: 0 auto 50px;
			}

				#support-button {
					position: absolute;
					top: 0;
					right: -32px;
					width: 36px;
					height: 94px;
					background: url(/images/support/support_btn_bg.png) no-repeat 0 100%;
					display: block;
				}
	
					#support-button:hover {
						background-position: 0 0;
					}

				#media_body {
					position: relative;
					min-height: 400px;
					padding: 10px;
					background-color: #fff;
					border:1px solid #a4a5a6;
					background: #fff;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
				}
				
					#media_body h2 {
						margin: .83em 0 .4em;
						padding-bottom: .1em;
						font-weight: normal;
						border-bottom: #e2e2e2 solid 1px;
					}
	
					#media_body h2 span {
						color: #999;
					}
					
					.media_row {
						position: relative;
						margin: 0 0 10px;
					}
					
						.media_left_column {
							position: relative;
							float: left;
							width: 220px;
						}
					
						.media_right_column {
							position: relative;
							float: right;
							width: 730px;
						}
	
				#media_footer {
					position: relative;
					padding: 10px;
				}


#media_statistics {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	#media_statistics li {
		position: relative;
		margin: 2px 0;
		padding: 2px 2px 2px 25px;
		color: #aaa;
		font-size: 11px;
		text-transform: uppercase;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: block;
	}

		#media_statistics li.stripped {
			color: #333;
			font-size: 12px;
			font-weight: 800;
			text-transform: none;
			background-color: #eee;
		}
		
		#media_statistics li table {
			border-spacing: 0 0;
		}

		#media_statistics li span {
			position: relative;
			display: block;
		}
		
			.statistics_numbers {
				padding-right: 10px;
				color: #4a94cc;
				text-align: right;
			}

			.statistics_numbers.loading {
				background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
				background-size: 200% 100%;
				animation: shimmer 1.5s infinite;
				border-radius: 3px;
				color: transparent;
				min-width: 50px;
				margin: 4px 0;
			}

			@keyframes shimmer {
				0% { background-position: 200% 0; }
				100% { background-position: -200% 0; }
			}

			.statistics_titles {
				text-transform: uppercase;
				text-align: left;
			}




/* ICONS */
.icon_all { background: url(/images/library/icon_all.png) no-repeat 4px 50%; }
.icon_audio { background: url(/images/library/icon_audio.png) no-repeat 4px 50%; }
.icon_video { background: url(/images/library/icon_video.png) no-repeat 4px 50%; }
.icon_image { background: url(/images/library/icon_image.png) no-repeat 4px 50%; }
.icon_document { background: url(/images/library/icon_other.png) no-repeat 4px 50%; }
.icon_trash { background: url(/images/library/icon_trash.png) no-repeat 4px 50%; }

/* .icon_link { background: url(/images/library/icon_link.png) no-repeat 4px 50%; } */
.icon_text { background: url(/images/library/icon_text.png) no-repeat 4px 50%; }
.icon_pdf { background: url(/images/library/icon_pdf.png) no-repeat 4px 50%; }

	/* small icons */
	.icon_small.icon_link { background: url(/images/library/icon_link_sm.png) no-repeat 4px 50%; }
	.icon_small.icon_embed { background: url(/images/library/icon_embed_sm.png) no-repeat 4px 50%; }
	.icon_small.icon_text { background: url(/images/library/icon_text_sm.png) no-repeat 4px 50%; }
	.icon_small.icon_pdf { background: url(/images/library/icon_pdf_sm.png) no-repeat 4px 50%; }

/* Widget Icons */
.icon_sermon_outline { background: url(/images/library/icon_sermon_outline.png) no-repeat 4px 50%; }
.icon_content_box { background: url(/images/library/icon_content.png) no-repeat 4px 50%; }
.icon_contact_form { background: url(/images/library/icon_contact.png) no-repeat 4px 50%; }
.icon_notes { background: url(/images/library/icon_notes.png) no-repeat 4px 50%; }
.icon_bible { background: url(/images/library/icon_bible.png) no-repeat 4px 50%; }
.icon_bible_youversion { background: url(/images/library/icon_bible.png) no-repeat 4px 50%; }
.icon_quicklinks { background: url(/images/library/icon_quicklinks.png) no-repeat 4px 50%; }
.icon_scripture_references { background: url(/images/library/icon_scripture.png) no-repeat 4px 50%; }
.icon_upcoming_events { background: url(/images/library/icon_events.png) no-repeat 4px 50%; }
.icon_ads { background: url(/images/library/icon_ads.png) no-repeat 4px 50%; }
.icon_facebook_comments { background: url(/images/library/icon_facebook.png) no-repeat 4px 50%; }
.icon_twitter_feed { background: url(/images/library/icon_twitter.png) no-repeat 4px 50%; }
.icon_additional_media { background: url(/images/library/icon_additional_media.png) no-repeat 4px 50%; }

/* Settings Icons */
.icon_layout { background: url(/images/settings/icon-layout.png) no-repeat 4px 50%; }
.icon_widget { background: url(/images/settings/icon-widgets.png) no-repeat 4px 50%; }
.icon_sharethis { background: url(/images/settings/icon-sharethis.png) no-repeat 4px 50%; }
.icon_launcher { background: url(/images/settings/icon-launcher.png) no-repeat 4px 50%; }

/* Account Icons */
.icon_account, .icon_home { background: url(/images/icons/home.png) no-repeat 4px 50%; }
.icon_users { background: url(/images/icons/user-group.png) no-repeat 4px 50%; }
.icon_user_edit { background: url(/images/icons/user-edit.png) no-repeat 4px 50%; }
.icon_user_add { background: url(/images/icons/user-add.png) no-repeat 4px 50%; }
.icon_user_delete { background: url(/images/icons/user-delete.png) no-repeat 4px 50%; }
.icon_password { background: url(/images/icons/key.png) no-repeat 4px 50%; }
.icon_upgrade { background: url(/images/library/icon_up.png) no-repeat 4px 50%; }
.icon_cancel { background: url(/images/icons/trash.png) no-repeat 4px 50%; }


/*
.icon_edit { background: url(/images/library/icon_edit_sm.png) no-repeat 4px 50%; }
.icon_upload { background: url(/images/library/icon_upload_sm.png) no-repeat 4px 50%; }
.icon_delete { background: url(/images/library/icon_delete_sm.png) no-repeat 4px 50%; }
*/


/* POPUP */

.media_popup_backdrop, .support_popup_backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6; filter: alpha(opacity=60);
	z-index: 1900;
}

.support_popup_backdrop {
	background-color: #333;
}

.media_popup {
	position: absolute;
	top: 65px;
	left: -417px;
	width: 800px;
	min-height: 265px;
	margin-left: 50%;
	padding: 15px;
	color: #fff;
	/* background-color: #666; */
	background-color: #000;
	border: #fff solid 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 2000;
}

.support_popup {
	position: absolute;
	top: 65px;
	left: -500px;
	/* width: 800px; */
	min-height: 265px;
	margin-left: 50%;
	padding: 0;
	color: #fff;
	/* background-color: #666; */
	/* background-color: #fff; */
	/* border: #fff solid 2px; */
/*
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
*/
	z-index: 2000;
}

	.support_popup img.support_image {
		width: 1000px;
	}

	.support_popup .button_cancel_popup {
		position: absolute;
		top: 20px;
		right: 30px;
		cursor: pointer;
		z-index: 20;
	}

	.media_popup_container {
		position: relative;
	}

		.media_popup_column {
			position: relative;
			float: left;
			width: 243px;
			height: 100%;
			margin-left:35px;
		}
		
			.media_popup_column_title {
				color: #fff;
				font-weight: 800;
			}
			
			.media_popup_file_thumbnail_container {
				position: relative;
				/* width: 214px; */
			}
			
				.media_popup_file_thumbnail_upload {
					position: relative;
					text-decoration: none;
					display: block;
				}
					.media_popup_file_thumbnail_container img {
						max-width: 237px;
						max-height: 174px;
						margin-top: 3px;
						border: #fff solid 3px;
					}

		.media_popup_column:first-child {
			margin-left: 0;
		}
		
			.popup_edit input[type="text"], .popup_edit textarea {
				width: 231px;
				padding: 5px;
			}

				.popup_edit input[type="text"].select_box_replacement {
					width: 212px;
					padding-right: 19px;
				}
			
			.popup_edit textarea {
				height: 85px;
				resize: none;
			}
			
			.popup_controls,
			.inline_controls {
				position: absolute;
				bottom: 0;
				right: 0;
			}

				.popup_edit a.button_large,
				.inline_controls a.button_large {
					position: relative;
					float: left;
					margin: 0 0 0 10px;
					padding: 4px 25px;
					color: #666;
					font-weight: 700;
					line-height: 15px;
					text-align: center;
					text-decoration: none;
					background: #ddd url(/images/library/button_big.jpg) repeat-x 0 0;
					display: block;
					border: #ccc solid 1px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
				}
	
					.popup_edit a.button_large:active, .popup_edit a.button_large:hover,
					.inline_controls a.button_large:active, .inline_controls a.button_large:hover {
						background-position-y: -32px;
					}
				
				.popup_edit .popup_controls a.button_large img, .inline_controls .popup_controls a.button_large img {
					position: absolute;
					top: 5px;
					left: 7px;
				}



/* AUTOCOMPLETE MENU */
.ui-helper-hidden {
	display: none;
}

.media_autocompleter {
	position: relative;
	width: 100%;
}
.media_autocompleter input {
	/* z-index: 3100; */
}

.media_autocompleter ul {
	position: absolute;
	top: 22px;
	/* margin: -10px 0 0; */
	/* padding: 10px 0 0; */
	width: 100%;
	max-height: 300px;
	margin: 0;
	padding: 3px 0;
	list-style-type: none;
	background: #fff;
	/* background: rgba(255, 255, 255, 0.9); */
	border: #000 solid 1px;
	border-top-width: 0;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	z-index: 3000;
	overflow: auto;
}

	.media_autocompleter ul li {
		position: relative;
		margin: 0 3px;
		padding: 3px;
		color: #000;
		font-size: 8pt;
		font-family: Helvetica, Arial, sans-serif;
	}

		.media_autocompleter ul li.ui-state-active {
			background-color: #ddd;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}


/* Admin Window Buttons */
.admin-button {
	position: relative;
    /* float:left; */
    min-width: 40px;
    margin: 0 5px;
	padding: 6px 15px 6px 25px;

	color: #fff;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    text-align: center;
    text-decoration:none; 
    text-shadow: 0px 1px 0px #000000;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(129, 129, 129, 1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(129, 129, 129, 1);
    box-shadow: inset 0px 1px 0px 0px rgba(129, 129, 129, 1);

    border:1px solid #333333;

    background: #403F3E; /* for browsers that don't support gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#403F3E)); /* For WebKit (Safari, Google Chrome etc) */
	background: -moz-linear-gradient(top, #575757, #403F3E); /* For Mozilla/Gecko (Firefox etc) */

    display: inline-block;
}

	.admin-button .admin-button-icon {
		position: absolute;
		top: 7px;
		left: 8px;
		width: 12px;
		border-width: 0;
	}

	.admin-button.admin-button-right {
		padding: 6px 25px 6px 15px;
	}

	    .admin-button.admin-button-right .admin-button-icon {
			left: auto;
			right: 8px;
	    }

/*
    .admin-button .admin-button-icon-right {
    	float: right;
    	margin: 1px 4px 0 0;
    }
*/

	.admin-button:hover {
	    text-decoration:none; 

	    background: #1c1c1c; /* for browsers that don't support gradient */
		background: -webkit-gradient(linear, left top, left bottom, from(#403F3E), to(#1c1c1c)); /* For WebKit (Safari, Google Chrome etc) */
		background: -moz-linear-gradient(top, #403F3E, #1c1c1c); /* For Mozilla/Gecko (Firefox etc) */
	}
	
	.admin-button:active {
	    text-decoration:none; 

	    background: #575757; /* for browsers that don't support gradient */
		background: -webkit-gradient(linear, left top, left bottom, from(#403F3E), to(#575757)); /* For WebKit (Safari, Google Chrome etc) */
		background: -moz-linear-gradient(top, #403F3E, #575757); /* For Mozilla/Gecko (Firefox etc) */
	}


object { outline:none; }