@charset "utf-8";
/* Style Definitions for Óbudai Egészségolimpia */

html, body { width: 100%; }

body {
	font: 12px/1.25 Arial, Helvetica, sans-serif;
	color: #717171;
}

/* ** COMMON ** */
.clear, .clearH { clear: both; line-height: 0; height: 0; margin: 0; padding: 0; font-size: 0; }
.clearH { height: 10px; }

a { color: #4f4f4f; font-weight: bold; text-decoration: underline; }

/* h1, h1 span { vertical-align: middle; }*/
h1, h2, h3 {
	font-weight: bold;
	font-size: 16px;
	line-height: 37px;
	color: #fff;
}

h2 { font-size: 14px; line-height: 30px; }
h3 {
	font-size: 14px;
	line-height: 1.25;
	padding: 0 0 15px 10px;
	color: #717171;
}

.moreInfo h3 { padding: 10px 0; color: #717171; }
.moreInfo p { color: #717171; margin-bottom: 10px; }

h1 span, h2 span {
	display: block;
	float: left;
	height: 37px;
	width: 10px;
	background: url(../images/h1_bg_l.png) no-repeat top left;
} h2 span { height: 30px; background-image: url(../images/h2_bg_l.png); }

h1 span.h1c, h2 span.h2c {
	width: auto;
	padding-right: 10px;
	background: url(../images/h1_bg_c.png) repeat-x top left;
} h2 span.h2c { background-image: url(../images/h2_bg_c.png); }

h1 span.h1r, h2 span.h2r {
	width: 45px;
	background-image: url(../images/h1_bg_r.png);
} h2 span.h2r { background-image: url(../images/h2_bg_r.png); width: 10px; }

em { font-weight: bold; color: #599415; font-style: normal; }
em.warning { color: #e60000; line-height: 2; }

label { color: #2a2a2a; padding-right: 5px; }
.label { padding-right: 5px; }

#acs label, #nesz label { padding-left: 5px; }

/* ** BOXIN ** */
#container {
	width: 100%;
	text-align: center;
}

#header {
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #599415;
	background: url(../images/h_bg.png) repeat-x top left;
}

#headerContent {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}

#hRight {
	width: 250px;
	text-align: right;
	float: right;
	height: 100%;
	background: url(../images/h_separator.png) no-repeat center left;
}

#hRight a {
	color: #fff;
	line-height: 69px;
	padding-left: 12px;
	background: url(../images/arrow_white_fill_l.gif) no-repeat center left;
	text-decoration: none;
} #hRight a:hover { text-decoration: underline; }

/* ** MNU ** */
#mnu {
	height: 34px;
	background: #fff url(../images/mnu_bg.png) repeat-x bottom left;
	border-bottom: 1px solid #e5e5e5;
}

#mnu ul {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#mnu ul li {
	display: block;
	float: left;
	padding-right: 12px;
	margin: 6px 12px 6px 0;
	border-right: 1px solid #d4d4d4;
}

#mnu ul li a {
	line-height: 22px;
	padding-left: 12px;
	background: url(../images/arrow_orange_r.gif) no-repeat center left;
	text-decoration: none;
} #mnu ul li a:hover { text-decoration: underline; }

/* ** CONTENT ** */
#content {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

.section {
	margin-top: 25px;
	padding-bottom: 15px;
	background: url(../images/sect_separator.gif) repeat-x bottom left;
	font-weight: bold;
}

.info {
	float: right;
	width: 440px;
	color: #717171;
	border-left: 1px solid #d4d4d4;
}

.info p {
	margin-left: -5px;
	padding-left: 15px;
	background: url(../images/arrow_white_l.gif) no-repeat 0 3px;
	font-weight: normal;
}

.info a {
	padding-left: 15px;
	background: url(../images/arrow_orange_r.gif) no-repeat center left;
	line-height: 2;
} .info a:hover { text-decoration: none; }

/* ** Section Bodies ** */

.section ul li {
	float: left;
	padding: 0 15px 0 0;
	margin-right: 15px;
	border-right: 1px solid #d4d4d4;
	line-height: 27px;
} .section ul li:last-child { border: 0; }

.section ul.block li { float: none; border: 0; }

.section input { border: 0; }

.error {
	clear: left;
	padding-top: 25px;
	margin-bottom: 10px;
}

.error p {
	visibility: hidden;
	line-height: 18px;
	font-size: 11px;
	color: #e60000;
	padding-left: 22px;
	background: url(../images/ico_warning.png) no-repeat top left;
}

.iLeft, .iRight {
	display: inline-block;
	width: 4px;
	height: 27px;
	vertical-align: middle;
	background: url(../images/input_bg_l.png) no-repeat center left;
}

.iRight { background-image: url(../images/input_bg_r.png); margin-right: 5px; }

#bmi input {
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	color: #2a2a2a;
	width: 38px;
	height: 17px;
	padding: 5px 5px;
	background: url(../images/input_bg_c.png) repeat-x center left;
}

button.calc {
	float: left;
	width: 91px;
	height: 30px;
	border: 0;
	background: url(../images/btn_calc.png) no-repeat top right;
	cursor: pointer;
} button:hover.calc { background-position: top left; }

.resultSet {
	display: none;
	margin-left: 100px;
}

.iALeft, .calculated, .iARight {
	display: inline-block;
	height: 29px;
	width: 4px;
	vertical-align: middle;
	line-height: 29px;
	background: url(../images/input_a_bg_l.png) no-repeat top left;
}

.calculated {
	width: auto;
	padding: 0 5px;
	background: url(../images/input_a_bg_c.png) repeat-x top left;
	color: #2a2a2a;
}

.iARight {
	background-image: url(../images/input_a_bg_r.png);
	margin-right: 5px;
}

/* ** FOOTER ** */
#footer {
	width: 940px;
	height: 45px;
	padding: 17px 10px 13px;
	margin: 18px auto 36px auto;
	text-align: left;
	font-size: 10px;
	background: url(../images/f_bg.png) no-repeat top left;
}

#footer li {
	color: #727272;
	display: inline;
	line-height: 12px;
}

#footer li a {
	display: inline-block;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #727272;
	color: #727272;
	text-decoration: none;
} #footer li a:hover { text-decoration: underline; color: #4f4f4f; }

/* ** table formatting ** */
table.default {
	border-collapse: separate;
	width: 495px;
	font-size: 12px;
	color: #4f4f4f;
}

table.default thead th {
	background-color: #78bf28;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 8px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}

table.default tbody th {
	padding-left: 20px;
	width: 120px;
	background-color: #d6ecbe;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #a5a5a5;
	font-weight: bold;
	vertical-align: middle;
}

table.default tbody td {
	background-color: #f1f8e9;
	padding: 10px;
	padding-bottom: 0;
	border-bottom: 1px solid #a5a5a5;
}

table.default ul { width: 300px; list-style-type: disc; margin-left: 15px; }

table.default li {
	margin-bottom: 15px;
}

table.default tfoot td {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
	color: #fff;
	background-color: #a5a5a5;
	padding: 10px;
	font-weight: bold;
}