/* @override http://localhost:8001/css/main.css */

/* general */
body { font-size:10px; margin:0; background-color:#335499; color:#4B4942; }
em {font-style:italic;font-size:12px;}
a {text-decoration: none;color: #2B415D;}
a:hover {color: #F8BB4F;}
img {border:0;}
.icon {padding:0px 5px 0px 0px!important;}
strong{font-weight: bold;}
.hide{border:5px solid #50d123;}
.show{border:1px solid;}
.hidden { display:none; }


	h3 + * { margin:1em 0 0 0; }
	h3 + ul, h3 + ol { margin-top:2px;}
h3.heading {color: #12254C;border-bottom:1px solid #12254C;margin-top: 10px;}
h3.header_small {font-size:1.5em;margin-bottom:.4em;margin-top:1em;font-weight:700;border-bottom:1px solid #444;}
div > h3:first-child { margin-top:0; }

p img { float:left; margin-right:10px; }
li{margin-bottom:.5em;}

/* breaks */
.clear { clear:both; }
br { clear:left; }
hr { clear:both; border:none; border-bottom:thin solid #CCCCCC; }

.left {float:left; margin-right:10px; margin-bottom: 10px;}
.right {float:right; margin-left:10px; }
.scrollable { overflow:auto; overflow-x:hidden; overflow-y:auto; }

/* blockquotes */
blockquote { margin-bottom:1em; }
blockquote cite { display:block; padding-left:2em; font-weight:bold; }

/* ext main_menu icon classes */
.navbar.x-toolbar {background:#12254C !important;border:1px solid #BED6F8 !important;}
	.navbar.x-toolbar .x-btn-mc em.x-btn-split {background-image:url(/images/menu_down_arrow.png)!important;}
.navbar .x-btn-text {color:white;font-size:1em;font-weight:normal;text-transform:uppercase; margin:0;}
.navbar .x-btn-text:hover {background-color:#12254C;border:none !important;border-bottom:1px solid #FFF !important;}
.navbar .x-btn-mc em { margin:0px 0 1px 10px; }
.navbar .x-toolbar-right .x-btn-mc em { margin:0 10px 1px 0; }

/* a mess to remove the default button look */
.navbar .x-btn-over .x-btn-tl,.navbar .x-btn-over .x-btn-tc,.navbar .x-btn-over .x-btn-tr,
.navbar .x-btn-over .x-btn-ml,.navbar .x-btn-over .x-btn-mc,.navbar .x-btn-over .x-btn-mr,
.navbar .x-btn-over .x-btn-bl,.navbar .x-btn-over .x-btn-bc,.navbar .x-btn-over .x-btn-br,
.navbar .x-btn-menu-active .x-btn-tl,.navbar .x-btn-menu-active .x-btn-tc,.navbar .x-btn-menu-active .x-btn-tr,
.navbar .x-btn-menu-active .x-btn-ml,.navbar .x-btn-menu-active .x-btn-mc,.navbar .x-btn-menu-active .x-btn-mr,
.navbar .x-btn-menu-active .x-btn-bl,.navbar .x-btn-menu-active .x-btn-bc,.navbar .x-btn-menu-active .x-btn-br
{background-image:none !important;}
.x-btn-menu-active .x-btn-text,.x-btn-click .x-btn-text,.x-btn-over .x-btn-text {color:#FFF !important;border-bottom:1px solid #FFF;}
.x-menu-item-active {background-color:#FAE6B0;background-image:none;border:1px solid #F8BB4F !important;}
.x-menu-item-active a.x-menu-item {border-color:#F8BB4F;}
.x-menu-list a[href="#"]:hover { cursor:default; }

a.x-menu-item:hover {color:#222 !important;}
li.x-menu-list-item {margin-bottom:0px !important;}

span.icon-holder { padding-right:16px; margin-right:2px; }
.icon-helpful-docs {background-image:url(/icons/page_white_stack.png) !important;}
.icon-pdf {background-image:url(/icons/page_white_acrobat.png) !important;}
.icon-word {background-image:url(/icons/page_white_word.png) !important;}
.icon-info {background-image:url(/icons/information.png) !important;}
.icon-cart-add {background-image:url(/icons/cart_put.png) !important;}
.icon-abbl {background-image:url(/icons/cd.png) !important;}
.icon-art {background-image:url(/icons/photo.png) !important;}
.icon-cd, .icon-cds {background-image:url(/icons/cd.png) !important;}
.icon-cd-add {background-image:url(/icons/cd_add.png) !important;}
.icon-cd-edit {background-image:url(/icons/cd_edit.png) !important;}
.icon-cd-delete {background-image:url(/icons/cd_delete.png) !important;}
.icon-dl-add {background-image:url(/icons/ipod_cast_add.png) !important;}
.icon-dl-edit {background-image:url(/icons/ipod_cast.png) !important;}
.icon-mp3 {background-image:url(/icons/ipod.png) !important;}
.icon-bk {background-image:url(/icons/book.png) !important;}
.icon-ybk {background-image:url(/icons/book.png) !important;}
.icon-bklt {background-image:url(/icons/book_open.png) !important;}
.icon-pmph {background-image:url(/icons/layout.png) !important;}
.icon-bd {background-image:url(/icons/package_green.png) !important;}
.icon-fd {background-image:url(/icons/ipod_sound.png) !important;}
.icon-dvd {background-image:url(/icons/dvd.png) !important;}
.icon-box {background-image:url(/icons/box.png) !important;}
.icon-04m {background-image:url(/icons/cd_add.png) !important; display:block; }
.icon-06m {background-image:url(/icons/cd_add.png) !important; display:block; }
.icon-12m {background-image:url(/icons/cd_add.png) !important; display:block; }
.icon-email {background-image:url(/icons/email.png) !important;}
.icon-send-email {background-image:url(/icons/email_go.png) !important;}
.icon-login {background-image:url(/icons/key.png) !important;}
.icon-school {background-image:url(/icons/bell.png) !important;}
.icon-parish {background-image:url(/icons/house.png) !important;}
.icon-admin {background-image:url(/icons/application_side_list.png) !important;}
.icon-inside-sales {background-image:url(/icons/phone.png) !important;}
.icon-donation {background-image:url(/icons/coins_add.png) !important;}
.icon-rep-points {background-image:url(/icons/table.png) !important;}
.icon-backoffice {background-image:url(/icons/user_suit.png) !important;}
.icon-redzone {background-image:url(/icons/chart_pie.png) !important;}
.icon-titles {background-image:url(/icons/cd.png) !important;}
.icon-lock-edit {background-image:url(/icons/lock_edit.png) !important;}
.icon-shield {background-image:url(/icons/shield.png) !important;}
.icon-address-book {background-image:url(/icons/book_addresses.png) !important;}
.icon-payment-profile {background-image:url(/icons/money.png) !important;}
.icon-map {background-image:url(/icons/map.png) !important;}
.icon-house {background-image:url(/icons/house.png) !important;}
.icon-edit-email {background-image:url(/icons/email_edit.png) !important;}
.icon-sound {background-image:url(/icons/sound.png) !important;}
.icon-report-edit {background-image:url(/icons/report_edit.png) !important;}
.icon-cd-burn {background-image:url(/icons/cd_burn.png) !important;}
.icon-user_add {background-image:url(/icons/user_add.png) !important;}
.icon-list {background-image:url(/icons/application_view_detail.png) !important;}
.icon-chart {background-image:url(/icons/chart_bar.png) !important;}
.icon-zoom {background-image:url(/icons/magnifier.png) !important;background-repeat: no-repeat !important;}
.icon-netsuite {background-image:url(/icons/netsuite.png) !important;}
.icon-sub-reports {background-image:url(/icons/chart_bar.png) !important;}
.icon-resource-center {background-image:url(/icons/information.png) !important;}
.icon-donate {background-image:url(/icons/flag_blue.png) !important;}
.icon-military {background-image:url(/icons/medal_gold_3.png) !important;}
.icon-am {background-image:url(/icons/user_suit.png) !important;}
.icon-volunteer {background-image:url(/icons/group.png) !important;}
.icon-pass-materials {background-image:url(/icons/cd_go.png) !important;}
.icon-pray {background-image:url(/icons/world.png) !important;}
.icon-bell {background-image:url(/icons/bell.png) !important;}
.icon-help {background-image:url(/icons/help.png) !important;}
.icon-commissions {background-image:url(/icons/script.png) !important;}
.icon-form {background-image:url(/icons/table_edit.png) !important;}


/* main page */
div.description {margin-top: 0px !important;}
div.description p, .description ul li {font-size: 11px;}

/* layout */
#header, #content, #footer { margin:0px auto; width:950px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

#header { min-height:80px; z-index:1; width:960px !important; padding:0 10px 15px;
	background:url(/images/header-top-bg.gif) bottom no-repeat;
	position:relative;
}

	#header .navbar { clear:both; }

/* default table */
.content table { width:100%; border:1px solid #CCC;font-size: 1.1em; }
	.content table tr .number { text-align:right; }
		.content table th, .content table td {padding:0 3px;border: 1px solid #CCC;border-collapse: collapse;}
		.content table th {border-left: 1px solid #CCC;color:#666;}
		.content table thead th, .content table tbody th {background: #FFF url('/images/th_bck.gif') repeat-x;color: #325499; padding: 5px 10px !important;border-left: 1px solid #CCC;font-weight: bold;}
		.content table tfoot td, .content table tfoot th {border-left: none;border-top: 1px solid #CCC;padding: 4px;background: #FFF url('/images/th_bck.gif') repeat;color : #666;}
		.content table tfoot th {text-align:left;}
		.content table td.actions { white-space:nowrap; height:20px; }
		.content table img { vertical-align:middle; margin:2px; }
	.content table tbody tr {background: #FFF;}
		.content table tbody th {background: #fafafb;border-top: 1px solid #CCC;text-align: left;font-weight: normal;}
	.content table tbody tr:hover {background: #FFF url('/images/tr_bck.gif') repeat !important;}
		.content table tbody tr:hover td {color: #454545;}
table tr .actions a { color:#325499; }
.actions a { margin-right:10px; }
.actions a[class] { padding:1px 0 1px 18px; background-repeat:no-repeat; }
caption{text-align: left;font-size: 120%;padding: 10px 0;color: #666;}
table a:link{color: #666;}
table a:visited{color: #666;}
table a:hover{color: #003366;text-decoration: underline;}
table a:active{color: #003366;}

/* mess to fix ext grids */
.x-grid-panel table, .x-grid-panel table td {border:0px;}
.x-grid-panel table th, .x-grid-panel table td {padding:0px !important;}
.x-grid-panel table tbody tr {background:inherit;}
.x-grid-panel table tbody tr:hover {background:inherit !important;}
.x-grid3-hd {border-left: 1px solid #CCC !important;border-right: 1px solid #CCC !important;}
.x-form-trigger {margin:0px !important;}

/* storefront */
#store_welcome {margin-bottom: 10px;}
div.split3.blueHighlight.store_main_box h3{border: none !important;margin: 0px !important;color: #2a405d;}
ul.store_list li {margin-bottom: 0px !important;}
ul.store_list li a {font-size: 0.9em;margin: 0px !important;padding: 0px !important;}
div.product_details br { clear:none; }
div.product {background-color: #EFEED1;border: 1px solid #D9D7AC;padding: 10px;margin-top: 10px; overflow:auto;}
div.product div.categories {
	border-bottom: 1px solid #D9D7AC;
	border-top: 1px solid #D9D7AC;
	padding: 4px;
}
div.comments {padding: 5px 10px !important;}
.rating { float:right; margin-left:10px; }
.rating img { margin:0 !important; padding:0 !important; }

/* message boxes */
.centered_div {width:500px;height:70px;border:1px solid red;font-size:15px; margin: 100px auto 10px auto; }
.info, .success, .warning, .error, .validation, .input_error, .error_list {clear:both; padding:25px 25px 25px 50px;background-repeat: no-repeat;background-position: 10px center;margin-bottom: 5px;font-size: 1.1em;font-weight: bold;}
.info h3, .success h3, .warning h3, .error h3, .validation h3 {margin:0px !important;}
.info p, .success p, .warning p, .error p, .validation p {margin:4px 0px;}
.info { background-color: #ccc; background-image: url('/images/info.png');}
.success {color: #4F8A10;background-color: #DFF2BF;background-image:url('/images/success.png');}
.warning {color: #9F6000;background-color: #FEEFB3;}
.error {color: #D8000C;background-color: #FFBABA;background-image: url('/images/error.png');}
#subscriptionTable div.info {padding: 5px 35px;color: #00529B;background-color: #BDE5F8;background-image: url('/icons/information.png');margin:10px auto; width: 650px;}
#content { min-height:400px;}
#content .content { padding:10px; position:relative; }

.button-block {
	padding:10px;
	border:1px solid;
	float:right;
	clear:none;
	width:370px;
	color: #00529B;
	background-color: #BDE5F8;
}
.button-block .buttons a { margin-top:10px; }

/* order/subscription view pages */
.order_section { float:left; margin-right:20px; }
h3 span.options { font-size:smaller; }
.note { font-size:smaller; line-height:normal; font-weight:normal; text-transform:none; color:#4B4942; }
.barHeading {
	background-color:#20314B;
	color:#FFFFFF;
	font-size:19px;
	margin-bottom:0;
	padding:5px;
	text-align:center;
}

/* myAccount sections */
.dashboard_section { clear:both;margin: 5px 0px;border-bottom: 1px solid #CCC;}
.dashboard_section p {margin-bottom:10px;}
h4.title_heading {font-size:1.4em}
span.new_subscription_link a, span.new_subscription_link a strong{vertical-align: top;}
ul.split li label {
	font-size: 0.9em;
	font-weight: bold;
	margin-right: 5px;
}
div.legend { margin: 5px 0; }
div.legend > *, div.legend ul li { display:inline; margin-right:10px; }
div > .split { float:left; width:47%; margin-left:2%; }
div > .split:first-child { margin-left:0%; margin-right:2%; }
div > .split3 { float:left; width:29%; }
div > .split3 + .split3 { margin-left:2%; }
div.splitForm { height:470px; }
div.splitForm form { float:left; width:45%; margin-right:5px; }
div.splitForm div.separator { float:left; width:15px; margin:5px; font-weight:bold; }

div.flash_notice, div.flash_error {
	font-size: 15px;
	color: #000 !important;
	padding: 18px;
	text-align:center;
	font-weight:bold;
	white-space:pre-line;
	box-shadow:0px 2px 5px 1px gray;
}
div.flash_notice, div.comments {
	background-color:#D4E1F7;
	border:1px solid #445544;
}
div.comments {
    clear: both;
}
div.flash_error {
	background-color:#F7D4E1;
	border:1px solid #AA0000;
}
div.highlight {
	background-color:#F0F0F0;
	color:#333333;
	padding:10px;
}
div.whiteHighlight {
	background-color:#FFFFFF;
	border:2px solid #20314B;
	padding:5px;
	text-align:center;
}
div.whiteHighlight h3 {
	color:#20314B;
	font-size:16px;
	font-style:italic;
	font-weight:normal !important;
	margin-top:2px;
}
div.whiteHighlight p {
	color:#89210F;
}
div.blueHighlight {
	font-size:12px;
	background-color:#e1e1e1;
	padding:5px;
}
div.blueHighlight ul li {
	background: url('/icons/bullet_blue.png') no-repeat;
	padding-left:18px;
	margin-left:20px;
}
div.blueHighlight .emphasize { font-weight:bold; font-size: 0.9em;}
div.blueHighlight ul li.emphasize {
	background: url('/icons/bullet_yellow.png') no-repeat;
}
.message_warn {
	text-align:center;
	background:#DFF4FF;
	border: thin solid #C2E1EF;
	color:#336699;
	padding:5px;
	margin-bottom:10px;
	font-size:1.2em;
}

.mission_list {font-size:1.3em;width:600px;margin:0px auto;}
.mission_list li a {text-decoration:underline;}
.mission_list li {background: url('/icons/bullet_star.png') no-repeat;padding-left:20px !important;margin:10px 0px !important;}

li.create_account_info {font-size: 1.1em;}
ul.create_account_list li {margin-bottom:5px;background: url('/icons/bullet_blue.png') no-repeat;padding-left: 18px;font-size: 1.2em;}
li.ess {background: url('/icons/bullet_star.png') no-repeat !important;}


/* css controlled tooltips (shows when hovering over the previous sibling) */
.tooltip, .field .help, .tooltip-focus {
	display:none;
	max-width:450px;
	z-index:3;
	position:absolute;
	color: #14212B;
	background-color: #EFEED1;
	border: 1px solid #C8B98B;
	margin:10px;
	padding:5px;
	font-weight:normal;
	font-size:10px;
}
.tooltip > h3, .tooltip-focus > h3 { color: #3D5770; }
.tooltip img.cover { float:left; max-width:200px;margin-right: 10px; }
*:hover + .tooltip, .field:hover > .help, *:focus + .tooltip-focus { display:block; }
div.tooltip div.description {font-size: 1.2em;}
div.tooltip div.comments, div.comments blockquote.comment {padding-top:0px !important;}

/* backoffice */
#news h1 a {color:#FFF !important;}
#news a {color:#2B415D;}
#news a:hover {color:#F8BB4F;}
#news .news {margin:3px 0px;border-bottom:1px solid #ccc;padding: 4px 0px 10px;}
	#news .news a h4, #news .news a p {font-size: 1em !important;}
	#news .news img {float:left;margin:0 10px 5px 0;}

/* becomeAnAccountManager */
.content_box {margin-top:0px;padding:0px 10px;}
.content_box ol {margin-left:40px;font-size:13px;}
.content_box ol li {list-style-type:decimal;}
.message_box {color:#FFF;background-color:#6B7E8F;border:1px solid #283E50;font-weight:bold;padding:4px;margin:0px auto;width:730px;}
.quote {border-left:1px solid #444;padding-left:10px;margin-left:25px;}
.synapsis {border:1px solid #5D778A;padding:5px;margin:25px auto;width:600px;background:#FFF3F3;}
.signature {margin-left:28px;}

/* Subscriptions Page */
ul.subscription {margin-left: 30px; font-size: 15px; margin-top: 10px; list-style-type: circle;}

/* Login page */
.faq dt { font-weight: bold; font-size: larger;}
.faq dd { font-size: larger;}

/* tables in dialog popups */
.x-window-body { overflow-y:auto; max-height:550px; }
.x-window-body table tr th { font-weight:bold; }
.x-window-body table tr th, .x-window-body table tr td { border:1px solid #CCC; font:inherit; }
.x-window-body table tr th { padding:3px 5px !important; background:#FAFAFB; }
.x-window-body table tr { background:white; }
.x-window-body table tr td { padding:2px 3px; }

/* youtube videos */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border:1px solid black;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Hide Electric Sheep*/
label[for*='electric_sheep'], textarea[id*='electric_sheep']  {
	display: none !important;
}

/* Show buttons in my download library */
.content .tab-pane-downloads table td.actions {
	display: block;
}