/*
Author: Carnation - HL
Description: Generali Blog
*/

/* @group Common */
html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	}
html {

}
body {
	background: #dcddd5;

}

#wrap, #header, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, input, form {
	margin:0;
	padding:0;
	}
ul, li {
	list-style: none;
	}
.clr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
a { text-decoration: none; }

a:hover { text-decoration: underline; }

a:focus {
   outline-style: none;
	}
/* @end */

/* @group Wrapper */
#wrap {
	min-height:100%;
	position:relative;
	width: 100%;
	background: transparent url(/i/main_bg.jpg) no-repeat center top;

}
/* @end */

/* @group Header */
#header {
	position: relative;
	width: 928px;
	height: 366px;
	margin: 0 auto;
}
/* @group Main menu */
#menu {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 34px;
}
#menu li {
	float: left;
	background: #B22C1B;
	color: #fff;
	margin-right: 2px;

}
#menu li.active, #menu li.active a {
	background: #fff;
	color: #464644;
	height: 34px;
	font: 14px/34px Georgia, "Times New Roman", Times, serif;
	padding: 0 20px;
	text-transform: uppercase;
}
#menu li a {
	display: block;
	height: 34px;
	font: 14px/34px Georgia, "Times New Roman", Times, serif;
	padding: 0 20px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}
#menu li a:hover {
	background: #72010b;
	}
/* @end */

#generali-logo {
	position: absolute;
	width: 333px;
	height: 100px;
	left: 595px;
	top: 51px;
	text-indent: -999em;
	background: transparent url(/i/generali-logo_bg.png) no-repeat left top;
	z-index: 10;
}
/* @end */

/* @group Content */
	/* @group Main content */

#content {
	width: 928px;
	margin: 0 auto;
	padding-bottom: 105px; /* Height of the footer */
	background: transparent url(/i/content_bg.png) repeat-y left top;

}

body.wide_flash #content {
	background-image: none;
	background-color: #fff;
}

body.wide_flash #main-content {
	padding: 50px 19px 30px 85px;
}

body.wide_flash #footer {
	background-image: none;
}

#main-content {
	width: 552px;
	padding: 50px 19px 0 19px;
	margin-right: 5px;
	float: left;
	font: 12px/1.6em Arial, Helvetica, sans-serif;
	color: #131e23;
}
#main-content h2 {
	font: 28px Georgia, "Times New Roman", Times, serif;
	color: #B22C1B;
	padding-bottom: 20px;
}
#main-content img {
	padding-bottom: 30px;
}
#main-content h3 {
	font: 26px Georgia, "Times New Roman", Times, serif;
	padding: 15px 0 20px 0;
	color: #3a3a39;
}
#main-content p {
	padding-bottom: 10px;
}

#related-links {
	margin: 0 -19px;
	padding: 0 19px 30px 19px;
	background: #f4f5f0;
}
#related-links h3 {
	font: 24px Georgia, "Times New Roman", Times, serif;
	padding: 20px 0;
	border-bottom: 1px solid #e7e8e4;
	color: #727273;
}
#related-links ul {
	padding: 10px 0;
}
#related-links ul li {
	padding-left: 15px;
	background: transparent url(/i/related_link_bull.gif) no-repeat left center;
}
#related-links ul li a {
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #979796;
	clear:right;
}


/* @group Post */

.post-options {
	border: 1px solid #efefef;
	border-width: 1px 0;
	margin: 20px 0 40px 0;
}
.group {
	padding: 5px 0;
}
.post-options ul,.post-options .tags {
	background: none;
	margin: 0;
	padding: 0;
}

.post-options ul li, .post-options .tags li {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.post-options .tags li a {
	padding: 1px 4px;
	background: #dcddd5;
	font: 10px Tahoma, Geneva, sans-serif;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #fff	;
}
.post-options .tags li a:hover {
	background: #666;
}
.comment-link {
	float: right;
	font: 11px Arial, Helvetica, sans-serif;
	color: #B22C1B;
	padding-left: 18px;
	background: transparent url(/i/comment_bg.gif) no-repeat left center;
}
.author {
	float: left;
	font: 10px Tahoma, Geneva, sans-serif;
	color: #727272;
	padding-left: 18px;
	background: transparent url(/i/time_icon.gif) no-repeat left center;
}
.author a {
	color: #B22C1B;
}
.share {
	float: right;
}
.share a {
	float: left;
}
.share p {
	display: block;
	float: left;
	padding: 0 6px;
	font: 10px Tahoma, Geneva, sans-serif;
}
.share a span {
	display: block;
	vertical-align: baseline;
	width: 16px;
	height: 16px;
	line-height: 16px !important;
	text-indent: -999em;
	background: transparent url(/i/icons_bg.gif) no-repeat left top;
}
.share a.facebook span { background-position: 0 0; }
.share a.twitter span { background-position: 0 -16px; }

.like-txt, .like, .dislike {
	float: left;
	margin-right: 10px;
	font: 10px/15px Tahoma, Geneva, sans-serif;
}

.like {
	display: block;
	height: 15px;
	background: transparent url(/i/like_bg.gif) no-repeat left top;
	padding-left: 20px;
	text-decoration: none;
	color: #727272;

}
.dislike {
	display: block;
	height: 15px;
	background: transparent url(/i/dislike_bg.gif) no-repeat left top;
	padding-left: 20px;
	text-decoration: none;
	color: #727272;
}
.like:hover, .dislike:hover {
	text-decoration: none;
	background-position: 0 -14px;
}
.post {
	margin-bottom: 20px;
}
.post ul {
	padding: 10px;
	margin-bottom: 20px;
	background: #f4f5f0;

}
.post ul li {
	list-style: square;
	margin-left: 20px;
	padding: 4px 0;
}
.post h4 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	padding-left: 10px;
	margin: 10px 0 15px 0;
	border-left: 10px solid #B22C1B;
}
.post a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #B22C1B;
}

.post a:hover
{
	text-decoration:none;
}

.post a.more-link {
	padding-right: 20px;
	background: transparent url(/i/more-link_bg.gif) no-repeat right top;
}


/* @group Form */
form {
	margin: 0 0 20px 0;
}
form fieldset{
	border:1px solid #B22C1B;
	margin:0px;
	padding: 10px 20px 20px 20px;
	display:block;
}
form legend{
font: 16px Georgia, "Times New Roman", Times, serif;
color:#666;
margin:0;
padding: 0 10px;
}
form dt label {
	font-weight: bold;
}
input.text {
	border: 5px solid #eaebe5;
	background: transparent url(/i/input_bg.png) no-repeat left top;
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: #848484;
	padding: 1px 5px 0 5px;
	margin-left: 5px;
	width: 200px;
	height: 19px;
	display: block;
	float: left;
}

input.text:focus {
	border: 5px solid #d2d2d2;
	outline: none;
}
input.text.short {
	width: 30px;
}
input.text.medium {
	width: 145px;

}
form dt {
	padding-top: 5px;
}
form dd {
	padding-bottom: 5px;
}
form dd div.error {
	color: #f00;
	padding-left: 30px;
	background: transparent url(/i/form-error_bg.gif) no-repeat 10px top;
	float: right;
	width: 230px;
	display: none;
}


form p.small {
	font: 10px Verdana, Geneva, sans-serif;
	color: #888;
	padding: 10px 0;
}
form sup {
	color: #f00;
	font: 12px Tahoma, Geneva, sans-serif;
}
form input.send-btn {
	float: right;
	background: #4f4f4f;
	border: 0;
	display: block;
	height: 25px;
	padding: 0 10px;
	color: #fff;
}
/* @end */




/* @end */

/* @end */


	/* @group Side content */
#side-content {
	width: 295px;
	padding: 5px 19px 0 19px;
	float: right;
	background: transparent url(/i/side-content_bg.png) no-repeat center 1px;
}
#side-content h4 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #3c3c3b;
	padding: 20px 0 20px 19px;
}
.selected-posts {
	margin: 0 19px;
	border-bottom: 1px solid #e6e7e4;
}
.selected-posts li {
	border-top: 1px solid #e6e7e4;
	padding-left: 10px;
}
.selected-posts li a {
	font: 14px/23px Georgia, "Times New Roman", Times, serif;
	color: #565656;
}
.selected-posts li a:hover {
	color: #333;
}
#related-content {
	padding: 10px 19px;
	background: #eaebe5 url(/i/plus_bg.gif) no-repeat right top;
}
#related-content ul li {
	border-bottom: 1px solid #e0e1dd;
	padding: 10px 4px;
	font: 11px Georgia, "Times New Roman", Times, serif;
}
#related-content ul li a {
	font: 13px Georgia, "Times New Roman", Times, serif;
	color: #B22C1B;
}

#bookmarks {
	padding: 0 19px;
}
#bookmarks li {
	width: 110px;
	float: left;
}
#bookmarks a.favorites,
#bookmarks a.facebook,
#bookmarks a.twitter,
#bookmarks a.iwiw {
	display: block;
	width: 50px;
	height: 40px;
	font: 10px/40px Tahoma, Geneva, sans-serif;
	color: #c6c6c5;
	padding-left: 60px;
	background: transparent url(/i/bookmarks_bg.png) no-repeat 10px top;

}
#bookmarks a.facebook {	background-position: 10px -80px; }
#bookmarks a.twitter {	background-position: 10px -160px; }
#bookmarks a.iwiw {	background-position: 10px -240px; }

#bookmarks a:hover.favorites {
	background: transparent url(/i/bookmarks_bg.png) no-repeat 10px -40px;
	text-decoration: none;
	color: #B22C1B;
}
#bookmarks a:hover.facebook {
	background: transparent url(/i/bookmarks_bg.png) no-repeat 10px -120px;
	text-decoration: none;
	color: #B22C1B;
}
#bookmarks a:hover.twitter {
	background: transparent url(/i/bookmarks_bg.png) no-repeat 10px -200px;
	text-decoration: none;
	color: #B22C1B;

}
#bookmarks a:hover.iwiw {
	background: transparent url(/i/bookmarks_bg.png) no-repeat 10px -280px;
	text-decoration: none;
	color: #B22C1B;
}


/* @group Intro */
.side-content-box {
	margin: 0 19px;
	font: 12px/1.6em Arial, Helvetica, sans-serif;
}
#side-content .side-content-box h4 {
	padding-left: 0;
}
.side-content-box p {
	padding-bottom: 10px;
}
.side-content-box a {
	color: #B22C1B;
}
.side-content-box a.more-link {
	color: #B22C1B;
	padding-right: 20px;
	background: transparent url(/i/more-link_bg.gif) no-repeat right top;
}
/* @end */




	/* @end */
/* @end */

/* @group Footer */
#footer-wrap {
	width: 100%;
	position:absolute;
	bottom:0;
	height: 105px;	/* Height of the footer */
	z-index: 80;
	background: transparent url(/i/footer-wrap_bg.gif) repeat-x left top;
}
#footer {
	position: relative;
	padding: 50px 0 0 0;
	text-align: center;
	width: 928px;
	margin: 0 auto;
	background: transparent url(/i/footer_bg.gif) no-repeat left top;
	font: 11px Arial, Helvetica, sans-serif;
	color: #9f9f9f;
}
#footer ul {
	position: absolute;
	left: 0;
}
#footer ul li {
	float: left;
	padding: 0 9px 0 10px;
	background: transparent url(/i/footer-menu-separator_bg.gif) no-repeat left top;
}
#footer ul li a {
	color: #9f9f9f;
}
#footer ul li.first {
	padding-left: 0;
	background: none;
}
#carnation {
	position: absolute;
	right: 100px;
	top: 48px;
}
#carnation a {
	display: block;
	text-indent: -999em;
	width: 129px;
	height: 16px;
	background: transparent url(/i/carnation-site_bg.png) no-repeat left top;
}

#avatar-fireman {

	width: 295px;
	height: 300px;
	left: 840px;
	bottom: 0;
	z-index: 5000;
	text-indent: -999em;
	background: transparent url(/i/fireman_bg2.png) no-repeat center top;
}

#avatar-astronaut {

	width: 295px;
	height: 300px;
	left: 840px;
	bottom: 0;
	z-index: 5000;
	text-indent: -999em;
	background: transparent url(/i/astronaut_bg2.png) no-repeat center top;
}

#bg_wrap_1 {
	width: 100%;
	position:absolute;
	bottom:0;
	height: 600px;	/* Height of the footer */
	z-index: -2000;

	background: #dcddd5 url(/i/html_bg.png) repeat-x left bottom;
}
#bg_wrap_2 {
	width: 100%;
	position:absolute;
	bottom:0;
	height: 600px;	/* Height of the footer */
	z-index: -1000;
	background: transparent url(/i/pixel_car.png) repeat-x right bottom;
}



/* @end */


input.file
{
	border: 5px solid #eaebe5;
	background: transparent url(/i/input_bg.png) no-repeat left top;
	color: #848484;
	padding: 1px 5px 0 5px;
	margin-left: 5px;
	display: block;
	/*float: left;*/
}

textarea
{
	border: 5px solid #eaebe5;
	background: transparent url(/i/input_bg.png) no-repeat left top;
	color: #848484;
	padding: 1px 5px 0 5px;
	margin-left: 5px;
	display: block;
	width:200px;
}

textarea.long
{
	width:400px;
}

fieldset.comment
{
	background-color:#F6F7F2;
	border: 0;
}

fieldset.comment input.text
{
	background:white;
}

fieldset.comment textarea
{
	background:white;
}

div.comments div.commentlist div.comment
{
}

div.comments div.commentlist div.comment span.name
{
	/*color:#3A3A39;*/
	color: #3C3C3B;
	font:20px Georgia,"Times New Roman",Times,serif;
	/*padding:15px 0 20px;*/
	padding:15px 0 0px;
	display:block;
}

div.comments div.commentlist div.comment span.date
{
	color:#3A3A39;
	font:11px Georgia,"Times New Roman",Times,serif;
	padding:15px 0 20px;
}

div.comments div.commentlist div.comment p
{
	background:#F6F7F2;
	margin-bottom: 20px;
	margin-top:5px;
}

h3 a.comment
{
	color: #B22C1B;
	font:14px Georgia,"Times New Roman",Times,serif;
}

.like.show, .dislike.show {
	text-decoration: none;
	background-position: 0 -14px;
}

img.linkimg
{
	padding-bottom:0 !important;
	width: 50px;
	height: 25px;
	padding-top:5px;
	border: 0;
	margin-right:5px;
}

a.linkimg
{
	padding-bottom:5px !important;
}

.mainpost
{
	background-color:#F6F7F2;
	padding: 5px 5px 5px 5px;
	border:solid 1px;
	border-color: #B22C1B;
	margin-bottom: 20px;
}

.mainpost a:hover
{
	text-decoration:none;
}

.mainpost a
{
	font: 12px Arial, Helvetica, sans-serif;
	color: #B22C1B;
}

.mainpost div.post-options
{
	margin: 0px 0 4px 0 !important;
}

h2.long
{
	font-size: 26px !important;
}

.mainpost img
{
	padding-bottom: 0px !important;
}

/* @group Calculator Content*/
#content.calculator {
	background: #fff;
}

#calculator-wrap {
	width: 928px;
	background: #fff;
}
#calculator-wrap h3 {
	font: normal 22px Georgia, "Times New Roman", Times, serif;
	color: #b22c1b;
}
#calc-header {
	padding: 20px;
	font: normal 16px/1.6em Georgia, "Times New Roman", Times, serif;
	color: #3c3c3b;
}
#calc-header h3 {
	padding: 30px 0;
}
/* @group Calculator Summary */

#calc-summary {
	height: 360px;
	padding: 10px 20px 10px 320px;
	background: #b22c1b url(/i/calculator_girl.jpg) no-repeat left top;
	color: #f4f5f0;
	font: 14px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #fff;
}
#calc-summary table {
	width: 588px;
	height: 360px;
}
#calc-summary table td {
	border-bottom: 1px solid #b95b50;
}
#calc-summary table tr.highlighted td {
	border: none;
	background: transparent url(/i/table_highlight_bg.gif) repeat-x left bottom;
}
#calc-summary table td#summary-total {
	font: 18px Georgia, "Times New Roman", Times, serif;
}
table td.summary-item {
	padding: 0 10px;
}
table td.summary-value {
	width: 350px;
	text-align: right;
	padding: 0 0 0 10px;
}
table td.summary-key {
	width: 80px;
	padding: 0 10px 0 5px;
	text-align: left;
}

#summary-name input,
#summary-age input {
	width: 220px;
	padding: 0 10px;
	background: none;
	border: 1px dotted #f0e8e2;
	border-width: 0 0 1px 0;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #f4f5f0;
	text-align: right;
}
#summary-age input {
	width: 20px;
	text-align: center;
}

/* @end */

.calc-content {
	background: #f4f5f0 url(/i/calc-content_bg.png) repeat-x left top;
	padding: 30px 20px;
	font: 12px Arial, Helvetica, sans-serif;
}
.calc-content table {
	width: 888px;

}
.calc-content table td,
.calc-content table th {
	padding: 10px 0;
	background: #ebece8;
	border-bottom: 3px solid #f4f5f0;
	vertical-align: top;

}


.calc-content table tr th {
	background: #dcddd5;
	font-weight: bold;
}
th.col-min {
	text-align: right;
}
th.col-max {
	text-align: left;
}
table tr th.col-item {
	text-align: left;
	padding-left: 20px;
}
.col-multiplier {
	width: 120px;
}
.col-multiplier span {
	color: #7d7d7b;
}

/* @group Accordion */
/* @group Accordion headers */

#calc-accordion h3 {
	position: relative;
	background: transparent url(/i/acc-control-bg.png) repeat-x left top;
	color: #fff;
	height: 55px;
	padding: 0 20px;
	border-bottom: 1px solid #fff;
	line-height: 55px;
	cursor: pointer;
}
#calc-accordion h3 span {
	position: absolute;
	top: 0;
	right: 20px;
	display: block;
	height: 55px;
	width: 50px;
	background: transparent url(/i/acc_contorl_btn_bg.png) no-repeat left top;
}
#calc-accordion h3:hover span {
	background: transparent url(/i/acc_contorl_btn_bg.png) no-repeat left -100px;

}
#calc-accordion h3.active {
	background: #b22c1b;
	color: #f4f5f0;
	cursor: default;
}
#calc-accordion h3.active span {
	background: none;
}
/* @end */
/* @group Calculator menu */
#calc-menu {
	height: 24px;
	margin: 20px 0 5px 0;
}
#calc-menu li {
	float: right;
	background: #999a93;
	margin-left: 6px;
}
#calc-menu li a {
	display: block;
	width: 114px;
	height: 24px;
	font: 10px/24px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;


}
#calc-menu li#new-calculator-btn {
	background: #b22c1b;
}
#calc-menu li#interest-btn {
	background: #3a3a3a;
}
/* @end */

.calc-content td input {
	width: 30px;
	padding: 0 2px;
	text-align: right;
	background: none;
	border: 1px solid #adaea6;
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #b22c1b;
}
table td.col-item {
	padding-left: 20px;
	width: 225px;
}
table td.col-min {
	text-align: right;
	color: #7d7d7b;
}
table td.col-slider {
	width: 200px;
	padding: 10px 15px;

}
table td.col-max {
	width: 90px;
	text-align: left;
	padding-right: 10px;
	color: #7d7d7b;
}
.calc-content table td.col-value input {
	width: 60px;
}
table td.col-value {
	padding-right: 20px;
	padding-left: 5px;
	border-left: 1px solid #dfdfdc;
	text-align: right;
	width: 110px;
}
table td.col-value span {
	width: 50px;
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #b22c1b;
}
table tr.sum-row td.col-value {
	border-left: none;
}
table tr.sum-row td.col-value span {
	color: #fff;
}
#slider, #slider2 {
	width: 250px;
}

table tr.sum-row td {
	background: #b22c1b;
	color: #fff;
	font: 14px Georgia, "Times New Roman", Times, serif;

}
.ui-slider-handle {
	cursor: pointer;
}

/* @group Table item info */
.item-info-btn {

	color: #fff;
	padding: 0 5px;
	margin-left: 5px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	background: transparent url(/i/config-info-btn.png) no-repeat left top;
	display: inline-block;
	height: 16px;
	width: 16px;
	text-indent: -999em;
}
.item-info {
	padding: 20px 5px 5px 5px;
	display: none;
	background: #b22c1b url(/i/table-item-info_bg.png) no-repeat left top;
	color: #fff;
	font: 11px/1.4em Arial, Helvetica, sans-serif;
}

/* @end */

.calc-content {
	background: #f4f5f0 url(/i/calc-content_bg.png) repeat-x left top;
	padding: 30px 20px;
}

ul.games {
	display: block;
	padding: 0;
	margin: 0;
	width: 757px;
	height: 629px;
	background: transparent;
}

ul.games li {
	display: block;
	float: right;
	margin: 0 60px 0 0;
	padding: 0;
	width: 192px;
	height: 240px;
	list-style: none;
	list-style-type: none;
}

ul.games li:first-child {
	float: left;
	margin: 0 0 0 60px;
}

ul.games a {
	display: block;
	width: 192px;
	height: 240px;
	overflow: hidden;
	text-indent: -1000px;
	background-image: url(../i/game_icons.gif);
	background-repeat: no-repeat;
}

ul.games a.game-1 {
	background-position: 0 0;
}

ul.games a.game-1:hover {
	background-position: 0 -240px;
}

ul.games a.game-2 {
	background-position: -411px 0;
}

ul.games a.game-2:hover {
	background-position: -411px -240px;
}