@import "reset.css";

/* -----------------------------------------------------------------------------------------
 Basic
-------------------------------------------------------------------------------------------- */
body {
	background: white;
/*	width: 994px; */
	font-family: "Verdana", "Arial", sans-serif;
	font-style: normal;
	font-size: 11px;
	padding: 0;
	margin: 0;
}

body.shadowbox-content {
	width: 100%;
}

.section-content ul ul,
.section-content ul ol,
.section-content ol ol,
.section-content ol ul,
.news.article ul ul,
.news.article ul ol,
.news.article ol ol,
.news.article ol ul
{
	margin-left: 1em;
	padding-left: 0;
}

.section-content ul li,
.section-content ol li,
.news.article ul li,
.news.article ol li
{
	margin-left: 1em;
}

.section-content li li,
.news.article li li
{
	margin-left: 1em;
}

.linklist ul {
	list-style: none;
}

.linklist ul li {
	margin-left: 0px;
}

.section {
	width: auto;
	/*float: left;*/
}

a {
	text-decoration: underline;
	color: #59b337;
	font-size: 10px;
}

th,
thead td {
	background-color: #e7e7e7;
}

tr.odd td {
	background-color: #f3f3f3;
}

tr.even td {
	background-color: #f3f3f3;
}

td.number {
	text-align: right;
	padding-right: 8px;
}

td.date {
	text-align: right;
	padding-right: 4px;
}

td.string {
	text-align: center;
}

h1 {
	font-size: 14px;
}

h2 {
	font-size: 11px;
}

img {
	border: 0px none;
}

label {
	padding-right: 10px;
}

input {
	vertical-align: middle;
}

input.error {
//    border: 1px solid red;
    background-color: #fee;
}

option[disabled] {
	display:none;
}

/* -----------------------------------------------------------------------------------------
 Submit link
-------------------------------------------------------------------------------------------- */
input.submit-link {
	background-color: transparent;
	text-decoration: underline;
	padding-left: 0px;
	padding-right: 0px;
	border: none;
	cursor: pointer;
	cursor: hand;
}

/* -----------------------------------------------------------------------------------------
 Page layout
-------------------------------------------------------------------------------------------- */
#body {
	width: 994px;
	float: left;
}

#header {
	width: 994px;
	float: left;
	background-color: white;
}

#topmenu {
	width: 994px;
	height: 22px;
	float: left;
	background: #052d92 url("/opencms/export/system/modules/hu.codwell.aviva.portal/resources/bg_topmenu.png") no-repeat -168px 0;
}
#topmenu ul {
	float: right;
}

#main {
	width: 994px;
	float: left;
	/* background-color: #ffd900; */
	background: #fff url("/opencms/export/system/modules/hu.codwell.aviva.portal/resources/bg_main.gif") repeat-y left top;
}

#left {
	width: 221px;
	float: left;
}

#main-content {
	width: 752px;
	/* float: left; */
	float: right;
	background-color: white;
	/* border-left: 21px solid white; */
}

#title {
	width: 752px;
	float: left;
}

#content {
	width: 492px;
	float: left;
	margin-right: 10px;
	border-bottom: 60px solid white;
}

#content.without-sidebar {
	width: 752px;
	margin-right: 0px;
}

#sidebar {
	width: 250px;
	float: right;
	border-bottom: 21px solid white;
}

#footer {
	width: 752px;
	height: 62px;
	float: left;
	border-left: 242px solid #ffd900;
	border-top: 6px solid #ffd900;
	background-color: #ffd900;
}


/* -----------------------------------------------------------------------------------------
 Top menu
-------------------------------------------------------------------------------------------- */
#topmenu ul {
	padding-left: 207px;
	display: block;
	list-style: none;
}

#topmenu ul li {
	display: block;
	float: left;
	padding: 0;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 10px;
}

#topmenu ul li.current {
	padding: 5px 15px 5px 15px;
	background-color:#66CC55;
	border-left: 1px solid white;
}

#topmenu ul li a {
	float: left;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	border-left: 1px solid white;
}

#topmenu .current,#topmenu li:hover {
	background-color: #6c5;
}

/* -----------------------------------------------------------------------------------------
 Left column
-------------------------------------------------------------------------------------------- */
#left-content {
	width: 209px;
	border-left: 12px solid #69b8ed;
	float: left;
	background-color: white;
}

#left-forms {
	background: url("/opencms/export/system/modules/hu.codwell.aviva.portal/resources/bg_left_forms.png") no-repeat left top;
	float: left;
	width: 221px;
	height: 275px;
}

#searchform {
	margin-top: 40px;
	padding-left: 34px;
}

#countryform {
	margin-top: 64px;
	padding-left: 34px;
}

#searchform label,#countryform label {
	font-size: 10px;
	font-weight: bold;
	color: white;
	margin-bottom: 6px;
	display: block;
}

#searchform input.form-text {
	font-size: 10px;
}

#searchform .form-submit,#countryform .form-submit {
	font-size: 10px;
	font-weight: bold;
	color: white;
}

#searchform input.form-text {
	width: 136px;
}

#countryform select {
	width: 136px;
	font-size: 10px;
}

/* -----------------------------------------------------------------------------------------
 Left menu
-------------------------------------------------------------------------------------------- */
#left-content h1.vertical-menu {
	padding-left: 21px;
	padding-top: 24px;
	padding-bottom: 9px;
	font-family: "Arial Narrow";
}

#left-content h1.vertical-menu a {
	font-size: 22px;
	color: #052d92;
	text-decoration: none;
	font-weight: normal;
}

#left-content > ul.vertical-menu {
	padding-left: 21px;
	padding-bottom: 30px;
}

#left-content ul.vertical-menu ul.vertical-menu {
	padding-left: 10px;
}

li.vertical-menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

li.vertical-menu a {
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	color: black;
}

li.vertical-menu.parent>a,li.vertical-menu.sibling>a,li.vertical-menu.current>a
	{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-top: -1px;
}

li.vertical-menu.parent>a {
	background-color: #ebf2e6;
}

li.vertical-menu.current>a {
	color: #409c1d;
}

li.vertical-menu.child>a {
	border-top: 0px;
	border-bottom: 0px;
	margin-top: 0px;
}

#left-content ul.vertical-menu ul.vertical-menu ul.vertical-menu li a {
	border: 0;
	margin-top: 0;
}

/* -----------------------------------------------------------------------------------------
 Footer
-------------------------------------------------------------------------------------------- */
#footer .linklist h1 {
	display: block;
	float: left;
	font-size: 10px;
	font-weight: normal;
	margin-top: 0px;
}

#footer .linklist ul {
	display: block;
	list-style: none;
	float: left;
}

#footer .linklist ul li {
	display: block;
	float: left;
	margin-left: 12px;
	font-size: 10px;
}

#footer .linklist ul li a {
	text-decoration: none;
	color: black;
}

/* -----------------------------------------------------------------------------------------
 Box
-------------------------------------------------------------------------------------------- */
div.box {
	width: 250px;
	/*float: left;*/
	background-color: #f3f3f3;
	border-bottom: 1px solid white;
	padding-bottom: 12px;
}

div.box h1,
div.box h2,
div.longbox h1 {
	/*height: 18px;*/
	background-color: #e7e7e7;
	border-bottom: 1px solid white;
	font-size: 11px;
	padding-left: 12px;
	padding-top: 3px;
}

div.box h1 a,
div.box h2 a,
div.longbox h1 a {
	font-size: 11px;
}

div.box h3 {
	font-size: 10px;
	padding-bottom: 5px;
	padding-top: 16px;
}

div.box h1 a,
div.box h2 a,
div.box h3 a,
div.longbox h1 a {
	text-decoration: none;
	color: black;
}

div.box>div,
div.box>ul,
div.longbox>div,
div.longbox>ul {
	/*width: 238px;*/
	padding-left: 12px;
	padding-top: 7px;
}

div.box img.contentimage,
div.longbox img.contentimage {
	width: 238px;
	padding-left: 12px;
	vertical-align: bottom;
}

div.box p,
div.longbox p {
	padding-bottom: 2px;
}

div.box a,
div.longbox a {
	font-weight: bold;
}

div.box.column {
	border-bottom: 0px none;
}


/* -----------------------------------------------------------------------------------------
 Callback form
-------------------------------------------------------------------------------------------- */
form.callback {
	display: block;
	float: left;
}

form.callback .prefix {
	display: block;
	float: left;
	padding-top: 3px;
	padding-right: 5px;
}

form.callback .areacode {
	display: block;
	width: 17px;
	float: left;
}

form.callback .separator {
	display: block;
	float: left;
	vertical-align: middle;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

form.callback .phonenumber {
	display: block;
	width: 84px;
	float: left;
}

form.callback .form-submit {
	display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;
	padding-top: 2px;
	margin-left: 5px;
}


/* -----------------------------------------------------------------------------------------
 Content preface
-------------------------------------------------------------------------------------------- */
#preface {
	float: left;
	width: 100%;
}

#content #preface div.section.preface {
	border-top: 0px none;
	margin-bottom: 17px;
	margin-top: 0px;
	padding: 0px;
}

/* -----------------------------------------------------------------------------------------
 Tabbed navigation
-------------------------------------------------------------------------------------------- */
#tabbednav {
	float: left;
	width: 100%;
	height: 70px;
}

.tabbed {
	float: left;
	width: 100%;
	height: 51px;
	background-color: #a5d4f4;
	font-size: 10px;
	margin-bottom: 19px;
}

.tabbed ul {
	float: left;
	width: 100%;
	height: 30px;
	padding-top: 11px;
	margin-bottom: 10px;
	list-style: none;
	background-color: #69b8ed;
}

.tabbed li {
	display: block;
	float: left;
	height: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	padding-bottom: 11px;
}

.tabbed a {
	display: block;
	float: left;
	font-weight: bold;
	text-decoration: none;
	color: white;
}

.tabbed .current {
	background-color: #a5d4f4;
}

.tabbed .current a {
	color: #052d92;
}


/* -----------------------------------------------------------------------------------------
 Breadcrumb
-------------------------------------------------------------------------------------------- */
#breadcrumb {
	width: 100%;
	margin-top: 21px;
	margin-bottom: 32px;
	float: left;
}

ul.breadcrumb {
	display: block;
	height: 12px;
	list-style: none;
	font-size: 10px;
}

ul.breadcrumb li {
	display: block;
	float: left;
	padding-right: 5px;
}

ul.breadcrumb li a {
	color: black;
	font-size: 10px;
}

/*
ul.breadcrumb li:before {
	content: "\0020 \0020 \0020 / \0020 \0020 \0020";
}

ul.breadcrumb li.first:before {
	content: "";
}
*/

ul.breadcrumb li {
	padding-left: 9px;
	background: transparent url("/opencms/export/system/modules/hu.codwell.aviva.portal/resources/bg_slash.gif") no-repeat left center;
}

ul.breadcrumb li.first {
	padding-left: 0;
	background-image: none;
}


/* -----------------------------------------------------------------------------------------
 Home
-------------------------------------------------------------------------------------------- */
#promocio {
	float: left;
	height: 222px;
	width: 752px;
}

#promocio div.section div.section-content {
	padding: 0px 0px 0px 0px;
}

#home-content {
	width: 752px;
	float: left;
	border-bottom: 64px solid white;
}

#home-content div.column {
	width: 250px;
	float: left;
	border-left: 1px solid white;
	border-top: 1px solid white;
}

div#column-3 div.linklist ul li {
	margin-bottom: 2px;
}

#home-content div.column.first {
	border-left: none;
}

#home-content div.box {
	height: 124px;
}

#home-content div.column div.box.double
{
	height: 233px;
}

#home-content div.column div.box.double
{
	height: 269px;
}

div.news.lead h2 {
	background-color: #f3f3f3;
	padding-left: 0px;
	padding-top: 0px;
	border-bottom: none;
	height: auto;
}

#left-content div.section.left-home h1 {
	padding-left: 21px;
	padding-top: 32px;
	padding-bottom: 8px;
	font-family: "Arial", sans-serif;
	font-size: 21px;
	font-weight: bold;
}

#left-content div.section.left-home div.section-content {
	padding-left: 21px;
	padding-bottom: 28px;
	font-size: 11px;
}

/* -----------------------------------------------------------------------------------------
 Content title
-------------------------------------------------------------------------------------------- */
#title-content {
	width: 752px;
	float: left;
}

#title-content div.section>img {
	float: left;
	margin-top: 0px;
	width: 752px;
}

#title-content div.section-content {
	width: 726px;
	float: left;
	padding: 18px 13px;
	font-size: 18px;
	color: #052d92;
}

/* -----------------------------------------------------------------------------------------
 Directory - General
-------------------------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------------------
 Directory life-insurance (eletbizt)
-------------------------------------------------------------------------------------------- */
#content.directory.life-insurance div.group-summaries {
	background-color: #f3f3f3;
}
#content.directory.life-insurance div.column {
	border-right: 1px solid white;
	border-left: 1px solid white;
	margin-left: -1px;
}
#content.directory.life-insurance {
	width: 502px;
	margin-right: 0px;
	border-left: 0px none;
	border-right: 0px none;
	border-top: 0px none;
}

/* -----------------------------------------------------------------------------------------
 Directory product and product group ()
-------------------------------------------------------------------------------------------- */
div.group-summaries {
	/*width: 100%;*/
	width: 502px;
	float: left;
	margin-bottom: 20px;
}

div.group-summary {
	float: left;
	width: 492px;
	padding: 15px 0px;
	background-color: #def0d7;
	margin-top: 5px;
}


div.product-summary div.section-content {
	position: relative;
}
div.product-summary div.section-content ul {
	padding-left: 10px;
}
div.product-summary div.section-content ul li {
	padding-left: 5px;
}


div#main-content div#content div.product-summary a,
div#main-content div#content div.group-summary a {
	display: block;
	float: left;
	width: 70px;
	margin-left: 10px;
}

div#main-content div#content div.product-summary img,
div#main-content div#content div.group-summary img {
	display: block;
	float: left;
	width: 70px;
	margin-left: 10px;
}
div#main-content div#content div.product-summary a img,
div#main-content div#content div.group-summary a img {
	display: inline;
	float: none;
	width: 70px;
	margin-left: 0;
}
div#main-content div#content div.product-summary div.tooltip img,
div#main-content div#content div.group-summary div.tooltip img,
div#main-content div#content div.product-summary a div.tooltip img,
div#main-content div#content div.group-summary a div.tooltip img {
		width: auto;
}

div#main-content div#content div.product-summary h2,
div#main-content div#content div.group-summary h2 {
	width: 400px;
	float: right;
	margin: -2px 0 14px 0;
	padding: 0;
	clear: none;
}
div#main-content div#content div.product-summary h2 a,
div#main-content div#content div.group-summary h2 a {
	display: inline;
	float: none;
	width: auto;
	margin-left: 0;
}
div#main-content div#content div.product-summary div.readmore a,
div#main-content div#content div.group-summary div.readmore a {
	display: inline;
	float: none;
	width: auto;
	margin-left: 0;
}
div.product-summary div.section-content,
div.group-summary div.section-content {
	width: 400px;
	float: right;
}

div.group-summary.first {
	margin-top: 0px;
}

div.product-summary {
	float: left;
	width: 492px;
	padding: 20px 0px;
	border-top: 1px solid #cccccc;
	margin-top: 0px;
}

div.product-summary.first {
	border-top: 0px none;
	padding-top: 0px;
}

/* -----------------------------------------------------------------------------------------
 Product details
-------------------------------------------------------------------------------------------- */
div.product-details {
	width: 100%;
	float: left;
}

div.product-details .section {
	margin-bottom: 12px;
}
div#main-content div.product-more h2,
div#main-content div.product-detail h2,
div#main-content div.product-details h2 {
	margin-left: 0;
	padding-left: 0;
}

div#main-content div.product-more h3,
div#main-content div.product-detail h3,
div#main-content div.product-details h3 {
	font-size: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 12px;
}

div#main-content div.product-detail div.section {
	margin-bottom: 12px;
}

div.product-detail div.section-content ul,
div.product-details div.section-content ul {
	padding-left: 15px;
}
div.product-detail div.section-content ul li,
div.product-details div.section-content ul li {
	padding-left: 5px;
	margin: 15px 0;
}

div.product-more {
	width: 100%;
	float: left;
	padding: 15px 0px;
	background-color: #e7e7e7;
}

div.product-more h1,
div.product-more .elements {
	margin: 0px 10px;
}

div.product-more h1,
div.product-more h2 {
	font-size: 11px;
}

div.product-more .section {
	margin-top: 15px;
}

div.product-more .section.first {
	margin-top: 15px;
}


/* -----------------------------------------------------------------------------------------
 Directory - portfolio
-------------------------------------------------------------------------------------------- */
div.portfolio-directory #preface {
	margin-bottom: 26px;
}

.portfolio-summaries {
	float: left;
	width: 100%;
}
div.portfolio-summaries table.portfolio thead th {
	vertical-align: top;
	padding: 9px 5px;
}
div.portfolio-summaries table.portfolio thead td {
	padding-top: 3px;
	padding-bottom: 7px;
}
div.portfolio-summaries table.portfolio thead th .description .text,
div.portfolio-summaries table.portfolio thead th .description .data {
	font-weight: normal;
}
div.portfolio-summaries table.portfolio td {
	padding-left: 6px;
}

div.portfolio-directory .portfolio-summaries .notes {
	margin-top: 0px;
	border-top: 0px none;
	padding-top: 0px;
}

table.portfolio {
	width: 100%;
	float: left;
	table-layout: fixed;
	border-collapse: collapse;
	border-style: hidden;
	margin-bottom: 25px;
}

table.portfolio td,
table.portfolio th {
	border: 1px solid white;
}

table.portfolio tbody td {
	height: 25px;
	vertical-align: middle;
}

table.portfolio.summary {
	margin-bottom: 17px;
}

table.portfolio.summary colgroup#portfolio-rowhead {
	width: auto;
}

table.portfolio.summary colgroup#portfolio-numbers col#portfolio-purcase-price {
	width: 176px;
	text-align: right;
}

table.portfolio.summary colgroup#portfolio-numbers col#portfolio-asset-value {
	width: 179px;
	text-align: right;
}

table.portfolio.summary colgroup#portfolio-chart col#portfolio-chart-1 {
	width: 63px;
}
table.portfolio.summary colgroup#portfolio-chart col#portfolio-chart-2 {
	width: 71px;
}
table.portfolio.summary colgroup#portfolio-chart col#portfolio-chart-3 {
	width: 67px;
}


table.portfolio.summary th .descrition {
	font-weight: normal;
}


table.portfolio.summary tbody td.chart {
	vertical-align: top;
	padding: 0px;
}

table.portfolio.summary td.chart .column {
	height: 17px;
	margin-top: 4px;
}

/** Szinezzuk a meret alapjan. */
table.portfolio.summary td.chart .column.size-1 {
	background-color: #69b8ed;
}

table.portfolio.summary td.chart .column.size-2 {
	background-color: #69b8ed;
}

table.portfolio.summary td.chart .column.size-3 {
	background-color: #69b8ed;
}

/* -----------------------------------------------------------------------------------------
 Portfolio details
-------------------------------------------------------------------------------------------- */
.portfolio-details {
	width: 100%
	float: left;
}

.portfolio-details h2 {
	font-size: 12px;
	width: 100%;
	float: left;
	margin-bottom: 4px;
}

table.portfolio th {
	text-align: left;
	padding: 9px 0 3px 5px;
}
table.portfolio colgroup#portfolio-rowhead {
	width: auto;
}
table.portfolio td {
	padding-left: 4px;
	padding-right: 4px;
}
table.portfolio td.number,
table.portfolio td.date {
	text-align: right;
}
table.portfolio td.number {
	padding-right: 18px;
}
table.portfolio td.date {
	padding-right: 1px;
}
table.portfolio td.string {
	padding: 0 5px;
}
table.portfolio td.string div {
	background-color: #69b8ed;
	text-align: center;
	padding: 1px 0 3px 0;
}

table.portfolio colgroup#portfolio-values col {
	width: 139px;
}

table.portfolio colgroup#portfolio-dates col {
	width: 157px;
}

.portfolio .notes {
	width: 100%;
	float: left;
	margin-top: 27px;
	border-top: 1px solid #cccccc;
	padding-top: 9px;
}

div.portfolioCompositionTable {
	clear: left;
}

table.portfolio_composition_table {
	margin-right: auto;
	margin-left: auto;
}

table.portfolio_composition_table td,
table.portfolio_composition_table th {
	height: 25px;
}

/* -----------------------------------------------------------------------------------------
 Portfolio compare wizard
-------------------------------------------------------------------------------------------- */
.portfoliocompare #selectionShown,
.portfoliocompare #selectionHidden {
	width: 752px;
}

/* -----------------------------------------------------------------------------------------
 Directory - faq
-------------------------------------------------------------------------------------------- */
#content.faq-directory .sectionlist {
	width: 100%;
	float: left;
	margin-top: 19px;
	border-top: 1px solid #cccccc;
	padding-top: 17px;
	font-size: 12px;
}

#content.faq-directory .sectionlist.first {
	margin-top: 0px;
	border-top: 0px none;
	padding-top: 0px;
}

#content.faq-directory .sectionlist ul {
	margin-top: 16px;
	list-style: none;
}
#content.faq-directory .sectionlist ul li {
	margin-bottom: 4px;
}

#content.faq-directory .sectionlist a {
	color: black;
}


/* -----------------------------------------------------------------------------------------
 Faq
-------------------------------------------------------------------------------------------- */
.faq ul.toc {
	width: 100%;
	float: left;
	list-style: none;
	margin-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 17px;
}

.faq ul.toc li a {
	color: black;
}

.faq dt,
.glossary dt {
	margin-top: 29px;
}

.faq dt.first,
.glossary dt.first {
	margin-top: 0px;
}

.faq dt a {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.faq dd,
.glossary dd {
	margin-top: 16px;
}

/* -----------------------------------------------------------------------------------------
 Glossary
-------------------------------------------------------------------------------------------- */
#main-content.glossary #title-content div.section-content {
	color: black;
	font-size: 11px;
}

.glossary,
.glossary-terms
{
	width: 100%;
	float: left;
}

ul.glossary-folders {
	width: 188px;
	float: left;
	display: block;
	list-style: none;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 21px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

ul.glossary-folders li {
	display: block;
	width: auto;
	float: left;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
}

ul.glossary-folders li.current {
	color: #409c1d;
}


ul.glossary-folders li a {
	color: black;
}



/* -----------------------------------------------------------------------------------------
 Sitemap
-------------------------------------------------------------------------------------------- */
div.sitemap ul {
	list-style: none;
}

li.sitemap.level0 {

}

li.sitemap.level1 {
	padding-left: 5ex;
}

li.sitemap.level2 {
	padding-left: 10ex;
}

li.sitemap.level3 {
	padding-left: 15ex;
}

li.sitemap.level4 {
	padding-left: 20ex;
}

/* -----------------------------------------------------------------------------------------
 Quotation
-------------------------------------------------------------------------------------------- */
.quotation {
	float: right;
	margin-top: 16px;
	margin-left: 16px;
	margin-bottom: 16px;
	/*width: 202px;*/
}

.quotation .line {
	font-size: 12px;
	font-weight: bold;
}

.quotation .author,.quotation .title {
	display: inline;
	font-size: 80%;
}


/* -----------------------------------------------------------------------------------------
 Management
-------------------------------------------------------------------------------------------- */
#content.management .section img.contentimage {
	float: right;
	width: 160px;
}

#content.management .section .section-content {
	float: left;
}


/* -----------------------------------------------------------------------------------------
 News
-------------------------------------------------------------------------------------------- */
#content.news .news.article {
	float: left;
	width: 100%;
	padding: 15px 0px;
	margin-top: 5px;
	border-top: 1px solid #cccccc;
}

#content.news .news.article.first {
	padding-top: 0px;
	margin-top: 0px;
	border-top: 0px none;
}

#content.news .news.article h2 {
	margin-right: 10px;
	font-size: 11px;
}

#content.news .news.article .release-date {
	margin-right: 10px;
	font-size: 10px;
}

#content.news .news.article .lead {
	margin-right: 10px;
	font-size: 10px;
	margin-bottom: 10px;
}

#content.news .news.article .text {
	margin-right: 10px;
}


/* -----------------------------------------------------------------------------------------
 Disclaimer
-------------------------------------------------------------------------------------------- */
#content.disclaimer div.section .section-content {
	margin-right: 10px;
	font-size: 10px;
}

#content.disclaimer div.section h2 {
	font-size: 14px;
	margin-right: 10px;
}

#content.disclaimer div.section h3 {
	font-size: 10px;
	margin-right: 10px;
	margin-top: 21px;
	margin-bottom: 12px;
}

#content.disclaimer table.businesscard.list {
	font-size: 10px;
}


/* -----------------------------------------------------------------------------------------
 Agencies
-------------------------------------------------------------------------------------------- */
#content.agencies div.section
{
	float: left;
	width: 100%;
	margin-top: 22px;
}

#content.agencies div.section.first
{
	padding-top: 0px;
	margin-top: 0px;
	border-top: 0px none;
}

#content.agencies div.section h2 {
	margin-bottom: 15px;
}

#content.agencies div.section .imagemap {
	margin-top: 50px;
	margin-bottom: 4px;
}

#content.agencies table.businesscard.list {
	font-size: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

div#content div.sectionlist div.section .businesscard  ul {
	padding-left: 0px;
}
div#content div.sectionlist div.section .businesscard td.phone ul {
	margin-bottom: 5px;
	margin-top: 0px;
}
div#content div.sectionlist div.section .businesscard td.phone ul li {
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.businesscard ul {
	list-style: none;
	display: inline;
	margin: 0px;
	position: static;
	left: 0px;
}

.businesscard ul li {
	display: inline;
	margin: 0px;
}

.businesscard.list ul li {
	display: block;
	list-style-position: outside;
}

.branchoffice .branchoffice.city .branchoffice
{
	float: left;
	width: 100%;
	padding: 20px 0px;
	border-top: 1px solid #cccccc;
}

.branchoffice .branchoffice.city .branchoffice.first
{
	padding-top: 0px;
	margin-top: 0px;
	border-top: 0px none;
}

.branchoffice .businesscard {
	float: left;
	width: 263px;
	margin-bottom: 10px;
	font-size: 11px;
}

.branchoffice .businesscard .name {
	display: none;
}

.branchoffice .businesscard .address {
	font-weight: bold;
}

.branchoffice .areamanager {
	float: right;
	width: 229px;
	margin-bottom: 10px;
	font-size: 11px;
}

.branchoffice .areamanager .photo {
	float: right;
	margin-left: 13px;
	width: 79px;
	min-height: 60px;
}

.branchoffice .areamanager .photo img {
	width: 79px;
}

.branchoffice .areamanager .label {
	text-align: right;
	font-weight: bold;
	display: block;
}

.branchoffice .areamanager .name {
	text-align: right;
}

.branchoffice .map {
	clear: both;
	float: left;
	width: 240px;
	height: 180px;
}

.branchoffice .building.photo {
	float: right;
	width: 240px;
	height: 180px;
}

.branchoffice .building img {
	width: 240px;
}

.imagemap img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#content.agencies table.businesscard.list td {
	padding-left: 4px;
	padding-right: 4px;
}

#content.agencies table.businesscard.list td.phone {
	width: 145px;
}


/* -----------------------------------------------------------------------------------------
 Pie chart
-------------------------------------------------------------------------------------------- */
.pie-chart {
	float:left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
}

.pie-chart .chart {
       float: left;
       width: 170px;
       height: 170px;
}

.pie-chart .legend {
	float:left;
	margin-left:18px;
	margin-top:15px;
	width:300px;
}

.pie-chart .legend table {
       table-layout: fixed;
       border-collapse: collapse;
}

.pie-chart .legend table col#color {
       width: 9px;
}

.pie-chart .legend table col#text {
       width: 170px;
}

.pie-chart .legend table col#value {
       width: auto;
       text-align: right;
}

.pie-chart .legend table .legend-color {
       width: 7px;
       height: 7px;
       margin-right: 5px;
       border: 1px solid #cccccc;
       line-height: 1px;
}

/**
============================================================================================================
wizards
============================================================================================================
*/

form.step-2 p {
	margin: 15px 0;
	font-weight: bold;
}
form.step-2 input,
form.step-2 select {
	font-size: 10px;
}

div.wizard div.item {
	margin: 15px 0;
}
div.wizard div.item p {
	font-weight: bold;
}

div.wizard div.initialdata_table p {
	margin: 15px 0 5px 0;
}
div.wizard div.initialdata_table thead th {
	background-color: #E7E7E7;
	padding: 5px 3px;
}
div.wizard div.initialdata_table tbody td {
	background-color: #F3F3F3;
	padding: 5px 3px;
}

div.wizard div.jogizaradek p {
	margin: 15px 0;
}

div.wizard div.boldtab div {
	margin-left: 20px;
}
div.wizard div.boldtab div div {
	margin-left: 0;
}
div.wizard div.boldtab div label.boldlabel {
	display: block;
	font-weight: bold;
	margin: 15px 0 10px -20px;
}

div.wizard label.sectionlabel {
	display: block;
	background-color: #E7E7E7;
	padding: 5px;
	font-weight: bold;
	margin: 15px 0;
}

div.wizard div.calculatortable table thead th {
	background-color: #E7E7E7;
	padding: 5px 3px;
}
div.wizard div.calculatortable table tbody td {
	background-color: #F3F3F3;
	padding: 5px 3px;
	font-size: 11px;
}

div.wizard div.legend div.legend-color {
	width: 7px;
	height: 7px;
	margin-right: 5px;
	line-height: 1px;
	border: 1px solid #cccccc;
}

div.wizard div.label {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.wizard div.inner {
	font-weight: normal;
	padding-left: 7px;
}

div.wizard div.form-row div.form-col-2 {
	margin-top: -4px;
	margin-left: 12px;
}

div.wizard div.form-row {
	padding: 8px 0;
	float: left;
	clear: both;
	width: 100%;
}
div.wizard div.form-row-1 {
	padding: 0;
}
div.wizard div.arrow {
	width: 13px;
	height: 13px;
	background: #FFF url(/opencms/export/system/modules/hu.codwell.aviva.portal/resources/arrow.gif) no-repeat top left;
	float: left;
	text-indent: -100em;
	margin-left: -6px;
}

div.wizard div.form-row div.form-col-1,
div.wizard div.form-row div.form-col-2 {
	float: left;
}
div.wizard div.form-row-1 div.form-col-1 div.label {
//	margin-left: -10px;
	padding-right: 0;
}
div.wizard div.form-row-1 div.form-col-1 div.inner {
	margin-left: 0;
}
div.wizard div.form-row-1 div.form-col-2 {
	margin-top: -5px;
	padding-left: 23px;
}
div.wizard div.hr {
	margin-top: 14px;
	height: 13px;
	line-height: 1px;
	background: 0;
	border: 0;
	border-top: 1px solid #CCC;
	clear: both;
	float: left;
	width: 100%;
}
div.wizard h2 {
	margin-bottom: 12px;
}

div.wizard div.buttons {
	text-align: right;
	float: right;
}

div.wizard div.resetButton {
	text-align: left;
	float: left;
}

div.wizard div.buttons input,
div.wizard div.resetButton input {
	border: 0;
	background: transparent;
	color: #58B237;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
	cursor: pointer;
}

div.wizard.steps {
	clear: left;
}

div.wizard.steps ul {
	list-style: none;
}

div.wizard.steps li {
	display: block;
	float: left;
	width: 148px;
	height: 81px;
	margin-right: 3px;
	margin-bottom: 19px;
	color: gray;
	background-color: #cee4f3;
}

div.wizard.steps li.current {
	background-color: #ffdd00;
	color: black;
}

div.wizard.steps li span.counter {
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	width: 28px;
	height: 34px;
	background: url("/opencms/export/system/modules/hu.codwell.aviva.portal/resources/wizard_sphere.png") no-repeat left top;
	margin-left: 9px;
	margin-top: 9px;
	padding-left: 5px;
	padding-top: 2px;
}

div.wizard.steps li.current span.counter {
	background: url("/opencms/export/system/modules/hu.codwell.aviva.portal/resources/wizard_sphere_selected.png") no-repeat left top;
	color: #ffdd00;
}

div.wizard.steps li span.label {
	font-size: 14px;
	font-weight: bold;
	display: block;
	width: 106px;
	height: 33px;
	margin-top: 12px;
}

div.wizard.steps li span.text {
	font-size: 10px;
	font-weight: bold;
	display: block;
	width: 139px;
	margin-left: 9px;
}

div.wizard form {
	clear: left;
}

form.wizard li {
	list-style-type: none;
}

div#linechart{
	height: 285px;
	width: 600px;
}

img#linechartImg{
	display: none;
}

div.y-axis-label {
	font-size: smaller;
	color: #545454;
}
div.x-axis-label {
	text-align: center;
	margin-bottom: 5px;
	font-size: smaller;
	color: #545454;
	width: 600px;
	clear: both;
}
div.linechart-domain {
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: smaller;
	color: #545454;
	width: 620px;
}
div.linechart-domain .min-value {
	float: left;
}
div.linechart-domain .max-value {
	float: right;
}

.globalMessages {
	background-color: #fee;
	border: 2px solid red;
	margin: 10px;
}

ul.globalMessages  li {
	list-style: none;
}

.globalMessages span.message-code {
	float: right;
	color: gray;
}

.invisibleOverlap {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    opacity: 0;
    filter: alpha(opacity =   0);
}

.tooManyFundsSelected {
	background-color: red;
	text-align: center;
	font-weight: bold;
}

.up {
	background: transparent url("/opencms/export/system/modules/hu.codwell.aviva.portal/resources/green_arrow_up.png") top left no-repeat;
    padding-left: 10px;
}

.down {
	background: transparent url("/opencms/export/system/modules/hu.codwell.aviva.portal/resources/red_arrow_down.png") top left no-repeat;
    padding-left: 10px;
}

.nodiff {
    padding-left: 10px;
}

.calendarButton {
	background: transparent url("/opencms/export/system/modules/hu.codwell.aviva.portal/resources/calendar.png") top left no-repeat;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 10px;
	heigth: 18px;
}

.calculatortable-unitprice div.yui-dt-col-productFundEffDate {
	text-align: left;
	padding-left: 8px;
	padding-right: 16px;
}

.calculatortable-unitprice div.yui-dt-col-mainComponentUnitBidPrice,
.calculatortable-unitprice div.yui-dt-col-mainComponentUnitOfferPrice,
.calculatortable-unitprice div.yui-dt-col-portfolioPlusUnitBidPrice,
.calculatortable-unitprice div.yui-dt-col-portfolioPlusUnitOfferPrice,
.calculatortable-unitprice div.yui-dt-col-difference,
.calculatortable-unitprice div.yui-dt-col-difference2 {
	text-align: right;
	padding-left: 16px;
	padding-right: 8px;
}

.calculation {
	clear: both;
}

.linkShowSelection {
	background: url("/opencms/export/system/modules/hu.codwell.aviva.portal/resources/mark-minus.png") no-repeat left top;
	padding-left: 18px;
}

.linkHideSelection {
	background: url("/opencms/export/system/modules/hu.codwell.aviva.portal/resources/mark-plus.png") no-repeat left top;
	padding-left: 18px;
}

#selectionContent {
	position: relative;
}

.calculation div.yui-dt-col-currencyRate {
	text-align: right;
	padding-right: 8px;
	width: 160px;
}

.calculation div.yui-dt-col-currencyEffDate {
	width: 100px;
}




/**
============================================================================================================
Callback form
============================================================================================================
*/
#callback-form {
	width: 223px;
	position: relative;
}

#callback-form-phone-number {
	height: 55px;
}

#callback-form-success {
	height: 55px;
}

#callback-form-captcha {
	padding-top: 7px;
	float: left;
	clear:left;
}

#callback-form-captcha label {
	display: block;
	padding-right: 0px;
}

#callback-form-captcha img.captcha {
	margin-top: 3px;
	margin-bottom: 2px;
	float: left;
	clear: left;
	display: block;
}

input.captcha-text {
	font-size: 10px;
	width: 136px;
	float: left;
}

#callback-form-captcha input.form-submit {
	display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;
	padding-top: 2px;
	margin-left: 5px;
}

/**
============================================================================================================
Search results
============================================================================================================
*/
div.search-result {
	margin-bottom: 10px;
	clear: both;
	float: left;
	width: 100%;
}

div.search-result p a {
	font-weight: bold;
}

div.search-result p span {
	display: block;
	clear: both;
	float: left;
	margin-left: 6px;
}

div.search-result p span.lastModified {
	font-style: italic;
	display: block;
	width: 100%;
}

div.search-links {
	margin-top: 10px;
	text-align: center;
}

div.search-links span {
	padding-left: 4px;
	padding-right: 4px;
}

/**
============================================================================================================
Page layout additional
============================================================================================================
*/

#header .linklist {
	padding: 3px 0pt 0pt 24px;
}

#header-links {
	width: 200px !important;
}

/**
============================================================================================================
Home additional
============================================================================================================
*/

#home-content div.box {
	padding: 0;
}

#home-content div.box a {
	font-weight: bold;
}

#home-content div.column div.box.double {
	height: 249px;
	padding: 0;
}

#home-content div.section-content {
	clear: both;
	float: left;
	padding: 8px 12px;
}

#home-content div.section.box h1,
#home-content div.newsbulletin.box h1,
#home-content div.linklist.box h1,
#home-content div.section.longbox h1,
#home-content div.newsbulletin.longbox h1,
#home-content div.linklist.longbox h1 {
		clear: both;
	padding:4px 12px !important;
}

#home-content .section-content div.linklist ul {
    padding: 4px 0;
}

#home-content div.linklist ul {
    padding: 4px 12px;
}

#home-content div.section.box h1 a,
#home-content div.section.longbox h1 a {
		font-size: 11px;
}

#home-content .release-date {
    padding-bottom: 4px;
}

#home-content div.news {
	padding: 4px 12px 12px;
}

#promocio .section {
	height: 222px;
	overflow: hidden;
}

#promocio img {
	display: block;
}

/**
============================================================================================================
Main content additional
============================================================================================================
*/

#main-content .linklist h1,
#main-content .section h1,
#main-content .section h2 {
	clear: both;
	padding: 4px 12px;
}

#main-content div.section h1 a,
#main-content div.section h2 a {
	font-size: 11px;
}

div.group-summaries .section.box {
	float: left;
}

div.box div.section-content,
div.longbox div.section-content {
	padding-right: 15px;
}
div.box div.section-content div.subsection h3,
div.longbox div.section-content div.subsection h3 {
	font-size: 11px;
	padding-top: 11px;
}
div#sidebar div.box div.section-content div.readmore {
	padding-top: 2px;
}
div#sidebar div.box div.section-content div.subsection p b {
	display: block;
	margin-bottom: 3px;
}
div.box div.section-content div.subsection form.callback,
div.longbox div.section-content div.subsection form.callback {
	padding: 5px 0 10px 0;
}
div.box div.section-content div.subsection form.callback input,
div.longbox div.section-content div.subsection form.callback input {
	font-size: 10px;
}
div#title-content div.section h1 {
	padding-left: 0;
	padding-top: 0;
}
div#title-content div.section div.section-content {
	padding: 15px 13px;
}
div#main-content.product-directory div#title,
div#main-content.product-directory div#content {
	margin-left: -2px;
}
div#main-content.product-directory div#title div#title-content img {
	margin-left: 2px;
}
div#sidebar div.linklist ul li {
	margin: 5px 0;
}
div#sidebar div.linklist ul li a {
	font-size: 11px;
}
div#preface div.section h1 {
	padding-left: 0;
}
div#content.product div#preface div.section h1 {
	padding-bottom: 28px;
}

div#content div.sectionlist div.section ul {
	padding-left: 15px;
}
div#content div.sectionlist div.section ul li {
	margin: 10px 0;
}

div#content div.sectionlist div.section,
div#content div.group-summaries div.section {
	margin-bottom: 12px;
}

div#content.text div.sectionlist div.section,
div#content.directory div.group-summaries div.section {
	width: 492px;
}
div#content.directory div.group-summaries div.box {
	width: 250px;
}
div#content div.sectionlist div.section h2,
div#content div.group-summaries div.section h2 {
	padding-left: 0;
}
div#content div.group-summaries div.box h2 {
	padding-left: 12px;
}

br.clear, div.clear {
	clear: both;
}

div#main-content.jobs div#content.jobs div.group-summaries div.group-summary {
	background: none;
}

div#main-content.jobs div#content.jobs div.group-summaries div.group-summary div.section-content,
div#main-content.jobs div#content.jobs div.group-summaries div.group-summary h2 {
	width: auto;
	float: none;
}

div#main-content div#title div#title-content div.section div.subsection img {
	margin-left: -13px;
	margin-right: -13px;
}

div#content.news div.news div.article ul {
	padding-left: 15px;
}
div#content.news div.news div.article ul li {
	margin: 10px 0;
}

div#main-content.product-directory div#content.product-directory {
	border-bottom: 28px solid #FFF;
}

.text hr {
	margin-top: 14px;
	height: 13px;
	line-height: 1px;
	background: 0;
	border: 0;
	border-top: 1px solid #CCC;
}

/**
============================================================================================================
Additional settings for aviva.sk
============================================================================================================
*/

body.sk #home-content {
	background-image: url(bg_3column.png); 
	background-repeat: repeat-y;
}

body.sk #home-content div.column {
	padding-bottom: 15px;
}

body.sk #home-content #column-1 {
	float: left;	
}

body.sk #home-content #column-2 {
	
}

body.sk #home-content #column-3 {
	float: right;
}

body.sk #home-content div.section h2 {
	padding-left: 0px;
	padding-right: 0px;
}

body.sk div#home-content div#column-3.column div.section div.section-content div.subsection,
body.sk div#home-content div#column-3.column div.section div.section-content div.readmore,
body.sk div#sidebar div.section div.section-content div.subsection,
body.sk div#sidebar div.section div.section-content div.readmore
{
	clear: both;
}

body.sk div#title-content h1 {
	margin-top: 70px;
}

body.sk div.section-content h3 {
	font-family: "Verdana","Arial",sans-serif;
	font-size: 12px;
	font-style: normal;
	marign: 0;
}
body.sk table#chartTable div.buttons {
	clear: none;
}
/* Opera only */
@media all and (min-width: 0) {
	body.sk #label-gender {
		margin-left: 0;
	}
}
body.sk .wizard .step-1 .arrow {
	display: none;
}

/* -----------------------------------------------------------------------------------------
 Email form (shadowbox content)
-------------------------------------------------------------------------------------------- */
#email-form-wrapper {
	width: 468px;
	height: 528px;
	margin: 5px;
	border: 1px solid gray;
	padding: 10px;
}

form.email-sending p.form-title {
	padding-top: 6px;
	padding-bottom: 4px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

form.email-sending label {
	float: left;
	padding-top: 6px;
}

form.email-sending input {
	float: left;
	width: 100%;
	margin-left: 0px;
}

form.email-sending textarea {
	float: left;
	width: 100%;
	height: 220px;
	margin-left: 0px;
}

form.email-sending img.captcha {
	clear: both;
	float: right;
	text-align: center;
}

form.email-sending input.captcha-text {
	clear: both;
	float: right;
	width: 200px;
}

form.email-sending input.form-submit {
	padding-top: 6px;
	clear: both;
	float: right;
	width: 200px;
}

/* -----------------------------------------------------------------------------------------
 Newsletter subscription form (shadowbox content)
-------------------------------------------------------------------------------------------- */
#newsletter-subscription-form-wrapper {
	width: 468px;
	height: 468px;
	margin: 5px;
	border: 1px solid gray;
	padding: 10px;
}

form.newsletter-subscription-sending p.form-title {
	padding-top: 6px;
	padding-bottom: 4px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

form.newsletter-subscription-sending label {
	float: left;
	padding-top: 6px;
}

form.newsletter-subscription-sending input {
	float: left;
	width: 100%;
}

form.newsletter-subscription-sending textarea {
	float: left;
	width: 100%;
	height: 220px;
}

form.newsletter-subscription-sending img.captcha {
	clear: both;
	float: right;
	text-align: center;
}

form.newsletter-subscription-sending input.captcha-text {
	clear: both;
	float: right;
	width: 200px;
}

form.newsletter-subscription-sending input.form-submit {
	padding-top: 6px;
	clear: both;
	float: right;
	width: 200px;
}

form.newsletter-subscription-sending input#newsletter-subscription-form-email {
	margin-bottom: 34px;
}

.print-link a {
	float: right;
}

.print-link {
	width: 100%;
	margin: 5px 0;
	float: left;
}

div#unitprices {
	clear: both;
}

.bonusfigyelmeztetes{
	text-transform:uppercase;
	color: red;
	text-align:justify;
	}