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

/* general */
body { font-family:Verdana, sans-serif; font-size:10px; margin:0; padding-bottom:15px; 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; }

h1 { border-bottom:1px solid; background-color: #12254C; color: #FFF; font-size:1.8em; font-weight:bold; margin-bottom:2px; padding: 2px 0px 2px 5px; }
h1.logo { border:none; background-color:transparent; border:none; margin:0; padding:0; }
h1.statement { font-size:3em; }

h2 { border-bottom:1px solid; background-color: transparent; color: #12254C; font-size:1.8em; font-weight:bold; margin: 2px 0 2px 0; padding: 2px 0px 2px 5px; }

h3 { display:block; font-size:1.2em; font-weight:700; margin-top:1em; }
	h3 + * { margin:1em 0 0 0; }
	h3 + ul, h3 + ol { margin-top:2px; font-size: 1.2em; }
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; }

h4{font-size:1.2em;font-weight:700;margin:0 0 .2em;}

p{margin-top:.2em;font-size:1.2em;}
	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:10px; font-size: 1.2em;}
blockquote cite { display:block; padding-left:20px; font-weight:bold; }

/* quote bubble */
div.bubble {width: auto;font-size: 11px;margin-bottom: 24px;}
div.bubble blockquote {margin: 0px;padding: 0px;border: 1px solid #c9c2c1;background-color: #fff;}
div.bubble blockquote p {font-size:11px !important;margin: 10px;padding: 0px;}
div.bubble cite {position: relative;margin: 0px;padding: 7px 0px 0px 15px;top: 6px;background: transparent url(/images/tip.gif) no-repeat 20px 0;font-style: normal;}

/* navigation bar */
ul.navbar { position:relative; list-style-type:none; list-style-position:outside; }
	ul.navbar li { float:left; padding-right:15px; position:relative; margin: 2px 5px; white-space:nowrap; }
		ul.navbar li ul { position:absolute; display:none; }
			ul.navbar li ul a{ width:12em; height:auto; float:left; }
			ul.navbar li ul ul { left:12em; margin:0px 0 0 10px; }
		ul.navbar a { display:block; }
	ul.navbar ul ul{ top:auto; }
	ul.navbar li:hover ul ul, ul.navbar li:hover ul ul ul, ul.navbar li:hover ul ul ul ul{
		display:none;
	}
	ul.navbar li:hover ul, ul.navbar li li:hover ul, ul.navbar li li li:hover ul, ul.navbar li li li li:hover ul{
		display:block;
	}
	ul.navbar li.gap { border-left:solid thin inherit; height:100%; }

/* 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-family:Verdana,sans-serif;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;}

.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-cd {background-image:url(/icons/cd.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-mp3 {background-image:url(/icons/ipod.png) !important;}
.icon-bk {background-image:url(/icons/book.png) !important;}
.icon-bd {background-image:url(/icons/package_green.png) !important;}
.icon-fd {background-image:url(/icons/ipod_sound.png) !important;}
.icon-email {background-image:url(/icons/email.png) !important;}
.icon-logout {background-image:url(/icons/key_delete.png) !important;}
.icon-login {background-image:url(/icons/key.png) !important;}
.icon-my-account {background-image:url(/icons/report_user.png) !important;}
.icon-backoffice {background-image:url(/icons/briefcase.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-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;}

/* main page */
.news {margin:3px 0px;border-bottom:1px solid #ccc;padding:4px 0px;}
	.news a h4, .news a p {font-size: 1em !important;}
	.news img {float:left;margin:0 10px 5px 0;}
div.description {margin-top: 0px !important;}
	div.description p, .description ul li {font-size: 11px;}
#main h2, .welcome div h2 {color:#4B4942;border-bottom:1px solid #444444;font-size:1.5em;font-weight:700;margin-bottom:0.4em;margin-top:1em;background:none;padding: 0px !important;}
#main h3 {color:#4B4942;border: none;margin-top: 0px !important;}

/* layout */
#header, #content, #footer { margin:0px auto; width:950px; padding:0 15px; }

#header { min-height:80px; z-index:1; width:960px !important; padding:0 10px 15px; background:url(/images/header-top-bg.gif) bottom no-repeat; }
	#header .logo { margin:0; }
	#header .logo a { padding:0px; padding-top:5px; font: 24px/24px Arial, Helvetica, sans-serif; font-weight: bold; display:block; color:#fff; }
	#header .logo a:hover {color: #fff;}
	#header .logo img { float:left; }
	#header .members_wrapper {float: right; text-align:right; color: #D4DFF7;padding:0px;margin: 15px 0 0 8px;font-size: 1.2em;overflow: visible;}
	#header .members_wrapper > div { clear:both; }
	#header .members_wrapper a {color: #FFB732;margin:0px;}
	#header .members_wrapper a:hover {text-decoration: underline;}
	#header .members_wrapper .greeting {float:right;margin:0px auto; font-weight:bold;}
	#header .search_wrapper {float:right;margin:5px 0px;padding:0px;}
	#header .search_input {color:#8c8685;font-weight:bold;background-image:url('/images/search.gif');height:16px;background-repeat:no-repeat;padding-left:20px;}
	#header .cart a {float:right;margin:0px;background:url(/icons/cart_go.png) right no-repeat;padding-right:20px;}
	#header .navbar { clear:both; }
#navigation { background-color:#12254C !important; border:1px solid #BED6F8; height:16px; padding:5px; z-index:2; }
	#navigation li ul {
		font-size:11px;
		color:black;
		background-color:#EBF0FA;
		border:1px solid #BED6F8;
		text-transform:none;
		font-weight:bold;
	}
	#navigation > li, #navigation > div > li {
		color:white;
		font-family:Verdana,sans-serif;
		font-size:1.2em;
		font-weight:normal;
		text-transform:uppercase;
		margin:0 10px;
	}
	#navigation a { color:inherit; }
	#navigation > li > a, #navigation > div.right > li > a { color:white; }
	#navigation.cssOnly li a[class], #navigation.cssOnly li ul li a { padding-left:18px; background-repeat:no-repeat; }
	#navigation.cssOnly > li, #navigation.cssOnly > div > li { padding:0; }

/* 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;font: small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;}
		.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;}

/* default media table */
table.media th { border:1px solid #CCC;font-weight: bold;padding-left: 2px !important; }
table.media thead tr { border-bottom:2px solid black; }
table.media thead th { background:#335499; color:white; font-size:larger; }
table.media tbody th { background-color:#E9E9E9; }
#alphaBar { height:15px; margin-bottom:20px; }
#alphaBar li { padding-right:5px; }


/* 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 {font-size: 1.2em;}
div.product {background-color: #EFEED1;border: 1px solid #D9D7AC;padding: 10px;margin-top: 10px;}
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;position:absolute;top:50%;left:50%;margin-left:-250px;margin-top:-35px;font-size:15px;}
.info, .success, .warning, .error, .validation, .input_error, .error_list {clear:both; border: 1px solid;padding:15px 10px 15px 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 {color: #00529B;background-color: #BDE5F8;background-image: url('/images/info.png');}
.info a {color:#00529B;text-decoration:underline;font-weight:bold;}
.info a:hover {color:#F8BB4F;text-decoration:underline;}
.success {color: #4F8A10;background-color: #DFF2BF;background-image:url('/images/success.png');}
.warning {color: #9F6000;background-color: #FEEFB3;background-image: url('/images/warning.png');}
.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;}
#core { z-index:0; background-color:#FFF; }
#content { min-height:400px; background:#EBF0FA url(/images/body-bg.gif) repeat-y; }
#content .content { padding:10px; }

#footer { min-height:245px; clear:both; font-size: 1.2em; background:url(/images/footer-top-bg.gif) no-repeat; padding-top:15px; }
#siteMap, #copyright {margin-top: 15px;}
#siteMap {float: left;width: 610px;}
#siteMap .column {float: left;width: 190px;margin-left:10px;}
#siteMap li {list-style: none;font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;}
#siteMap li li {margin:0px !important;}
#siteMap li a {display: block;padding: 1px 0px;font-weight: bold;color: #FFB732;}
#siteMap li li a {padding-left: 10px;font-size: 12px;font-weight: normal; color: #EAE7D2; background: url(/images/arrow-miniorange.gif) left center no-repeat;}
#siteMap li a:hover {text-decoration: underline;color: white;}
#siteMap li li a:hover {text-decoration: underline;}
#copyright { float:right; width: 256px;background: #425C9A;border: 1px solid #6684CC; }
#copyright .phone { margin-top: 4px; width: 16px; height: 16px; float: left; }
#copyright p {margin: 15px 10px;font: normal 1em/1.2em 'lucida grande',tahoma,sans-serif;color: #FFF;}
#copyright strong {font-size: 1.2em;font-weight: normal;color: #FFB732;}
#copyright a {font-weight: bold;color: #FFB732;}
#copyright a:hover {text-decoration: underline;color: white;}

/* order/subscription view pages */
div.order_section { float:left; margin-right:20px; }
h3 span.options { font-size:smaller; }
.note { font-size:smaller; font-weight:normal; color:#4B4942; }
h1 .note { color:lightGray; }
.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;}
h4.title_heading {font-size:1.4em}
span.new_subscription_link a, span.new_subscription_link a strong{vertical-align: top;}
ul.split li, li pre {font: small/1 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;}
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 > .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:12px;
	padding: 5px 10px;
	text-align:center;
	font-weight:bold;
	white-space:pre-line;
}
div.flash_notice, div.comments {
	background-color:#D4E1F7;
	border:1px solid #445544;
}
div.flash_error {
	background-color:#F7D4E1;
	border:1px solid #AA0000;
}
div.highlight {
	background-color:#FCEFB1;
	border:1px solid #FDD043;
	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:#D4E1F7;
	border:1px solid #445544;
	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 {
	display:none;
	max-width:450px;
	z-index:1;
	position:absolute;
	color: #14212B;
	background-color: #EFEED1;
	border: 1px solid #C8B98B;
	margin:10px;
	padding:5px;
	font-weight:normal;
	font-size:10px; 
}
.tooltip > h3 { color: #3D5770; }
.tooltip img.cover { float:left; max-width:200px;margin-right: 10px; }
*:hover + .tooltip, .field:hover > .help { 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;}
a.floatingAdd {color:#FFF;margin-top:3px;margin-right:5px;}
a.floatingAdd img, #subscriptions a img {vertical-align:top;}
a.floatingAdd:hover, #subscriptions a:hover {margin-top:3px;color:#F8BB4F;margin-right:5px;}
.dashboard_section p {margin-bottom:10px;}

/* 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;}