/* @override http://localhost:81/CodeIgniter/codex/assets/css/codex_default.css */

/* @group Reset */

/* Reset */
/*** Reset.css ***/
* {margin:0;padding:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
:focus {outline:0}
body {font-size:100%;line-height:1;color:black;background:#DAF5FF}
table {border-collapse:separate;border-spacing:0}
caption,td {vertical-align:middle;text-align:left;line-height:1.2em;font-weight:normal}
th {vertical-align:middle;text-align:center;line-height:1.2em;font-weight:bold}
blockquote:before,blockquote:after,q:before,q:after {content:""}
blockquote,q {quotes:"" ""}
body {margin:0;padding:0;font:76% "Lucida Grande",Lucida,Verdana,sans-serif}
a {text-decoration:none;color:#177FCD}
a:hover {text-decoration:underline;color:#000}
h1 {font-size:2.0em;margin:0.6em;font-weight:normal;line-height:1.2em}
h2 {font-size:1.7em;margin:1.2em 0;font-weight:normal;line-height:1.2em}
h3 {font-size:1.4em;margin:1.2em 0;font-weight:normal;line-height:1.2em}
h4 {font-size:1.2em;margin:1.2em 0;font-weight:bold;line-height:1.2em}
h5 {font-size:1.0em;margin:1.2em 0;font-weight:bold;line-height:1.2em}
h6 {font-size:0.8em;margin:1.2em 0;font-weight:bold;line-height:1.2em}
img {border:0}
ol,ul,li {font-size:1.0em;line-height:1em;margin-top:0.2em;margin-bottom:0.1em;}
ol {list-style-type:decimal; margin-left: 20px;}
ul {list-style-type:disc; margin-left: 20px;}
li {line-height:1.3em;}
p {font-size:1.0em;line-height:1.3em;margin:0;height:auto !important;height:1em;min-height:1em}
li > p {margin-top:0.2em}
pre {font:1.0em monospace}
strong,b {font-weight:bold}
em {font-style:italic}
sup {font-size:xx-small;vertical-align:top}
sub {font-size:xx-small;vertical-align:bottom}
/* @end */

/*
 * Start of defining Babysitterbank
 */

body{
	background-color:#DAF5FF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
}
#page_container {
	background: #fff url(../img/layout/shadow_middle.jpg) repeat;
	margin: 10px auto;
	width: 967px;
}
#header_container {
	background: transparent url(../img/layout/shadow_top.jpg) no-repeat top;
	padding: 30px 30px 15px 30px;
}
#main_container {
	position: relative;
	padding: 0 30px;
}
#main {
	float: left;
	width: 772px;
	margin-right: 15px;
	height: auto !important;
	height: 560px;
	min-height: 560px;
}
.baby_blue {
	background: #DAF5FF url(../img/layout/baby_blue.jpg) no-repeat scroll bottom right;
	height: auto !important;
	height: 600px;
	min-height: 600px;
}
#main_baby{
	position: absolute;
	bottom: 0;
	right: 190px;
	z-index: 0;
	background: transparent url(../img/layout/playing_baby.png) no-repeat top left;
	width: 270px;
	height: 563px;
}
#main_top {
	background-color: #DAF5FF;
	margin-right: 15px;
	height: auto !important;
	height: 180px;
	min-height: 180px;
	
}
#main_top_left {
	float: left;
	width: 204px;
	padding-bottom: 10px;
}
	#main_top_left ol, #main_top_left ul, #main_top_left li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#main_top_left li {
		font-size: 1.2em;
		line-height: 0.8em;
		min-height: 30px;
	}
	.moduls2 {
		margin: 20px auto;
		height: 264px;
		width: 174px;
		padding: 5px;
		background: transparent url(../img/moduls2/attention2.jpg) no-repeat top left;
		text-align: center;
	}
	.moduls2 p{
		margin: 0.4em 0;
		padding: 0;
		color: #6a86b3;
		font-size: 80%;
		line-height: 1.3em;
		text-align: justify;
		
	}
	.moduls2 p.baby{
		text-align: center;
		
	}
	.moduls2 h1 {
		margin-bottom: 0.4em;
		text-align: right;
		font-size: 100%;
		font-weight: bold;
		color: #F494BA;
		text-align: center;
	}
	.moduls2 span{
		color: #00adef;
	}
	.moduls2_input input{
		margin-bottom: 0.2em;
		padding: 2px 8px 0;
		width: 147px;
		height: 16px;
		border: 0 none;
		background: #f00 url(../img/moduls2/input_bg.jpg) no-repeat top left;
		font-size: 110%;
		font-style: italic;
		font-weight: bold;
		color: #3a5578;
	}
	.moduls2_submit input{
		text-align: right;
	}
#main_content {
	float: left;
	width: 520px;
	padding: 15px;
	font-weight:normal;
	text-align: justify;
}
	#main_content h1 {
		padding: 13px 0pt 30px;
		background-image: url(../img/layout/header_bg.jpg);
		background-repeat:no-repeat;
		text-align:center;
		font-size:23px;
		font-weight:bold;
		color:#00B3F3;
	}
	#main_content h1 span {
		color: #F494BA;
	}
	#main_content .partner{
		margin: 10px 0;
		text-align: center;
	}
	#main_content .partner a img{
		border: 2px solid #DAF5FF;
	}
	#main_content .partner a:hover img{
		border: 2px solid #FFF;
	}
	#main_content .article{
		color: #3A5578;
	}
	#main_content .article a{
		color: #3A5578;
		text-decoration:none;
	}
	#main_content .article h2, #main_content .article h3{
		font-style: italic;
		font-weight: bold;
		margin: 0.2em 0;
	}
	#main_content .article h2{
		float: left;
		width: 80%;
		font-size: 140%;
	}
	#main_content .article h3{
		float: left;
		width: 20%;
		font-size: 100%;
		padding-top: 3px;
		text-align: right;
	}
	#main_content .article p.lead{
		clear: both;
		border-top:1px solid #EC008C;
		line-height: 1.1em;
		margin: 0 0 2em 0;
		padding: 0.8em 0 0 0;
	}
	#main_content .article p.lead a{
	}
#main_bottom {
	background-color: #FEE8E8;
	margin-top: 15px;
	margin-right: 15px;
}
	.moduls {
		float: left;
		padding: 8px 13px;
		height: 283px;
		width: 205px;
		margin: 10px 0 10px 5px;
		background: transparent url(../img/moduls/attention.jpg) no-repeat top left;
	}
	.moduls p{
		margin: 0;
		padding: 0;
		color: #6a86b3;
		font-size: 80%;
		line-height: 1.3em;
		text-align: justify;
		
	}
	.moduls h1 {
		margin-bottom: 0.4em;
		text-align: right;
		font-size: 100%;
		font-weight: bold;
		color: #F494BA;
	}
	.moduls span{
		color: #00adef;
	}
	.modul_input input{
		padding: 5px 8px 1px;
		width: 190px;
		height: 21px;
		border: 0 none;
		background: #fff url(../img/moduls/input_bg.jpg) no-repeat top left;
		font-size: 110%;
		font-style: italic;
		font-weight: bold;
		color: #3a5578;
	}
	.modul_submit input{
		text-align: right;
	}
	#dolgozz_velunk div{
		background: #fff url(../img/moduls/karrier_bg.jpg) no-repeat top right;
		height: 105px;
	}
	.moduls .modul_link{
		padding: 15px 0 0 0;
		text-align: center;
		font-size: 100%;
	}
	.modul_link a{
		color: #6a86b3;
		text-decoration: none;
	}
#banner_container {
	float: left;
	width: 120px;
	overflow: hidden;
}
#page_bottom {
	clear: both;
	background: transparent url(../img/layout/shadow_bottom.jpg) no-repeat bottom;
	height: 30px;
}
#exart {
	margin: 10px auto 0;
	width: 397px;
}

.clear_both {
	clear: both;
}

.normal_form p{
	clear: both;
	margin: 0 auto 3px;
	width: 482px;
}
.normal_form fieldset{
	padding: 10px 0;
}
.normal_form legend{
	color:#F494BA;
	font-size:16px;
	font-weight:bold;
	padding: 10px 0 0;
}
.normal_form a{
	display: block;
	clear: both;
}
.normal_form label{
	color:#0077A5;
	font-size:14px;
	font-weight:bold;
	text-align: left;
}
.normal_form label span{
	font-size:12px;
}
.float_label label{
	float: left;
	width: 145px;
	padding-right: 5px;
}
.float_label input, .float_label textarea{
	float: left;
	width: 330px;
}
.float_label input.med{
	width: 100px;
}
.float_label input.short{
	width: 30px;
}
.normal_form textarea{
	width: 480px;
}
.normal_form input, .normal_form textarea, .normal_form select{
	background-color: #FFEAF2;
	border: 1px solid #0077A5;
}
.normal_form select{
	width: 200px;
}
p.submits{
	padding-bottom: 1em;
}
.submits input{
	border: 0 none;
}

div.normal_form_error{
	margin: 20px auto;
	padding: 5px 10px;
	border: 2px solid #00ADEF;
	background: #fff;
	color: #00B3F3;
	font-weight: bold;
}
div.normal_form_error p{
	padding: 0;
	margin: 0;
}

div.normal_form_success{
	margin: 20px auto;
	padding: 5px 10px;
	color: #0077A5;
	font-weight: bold;
}
div.normal_form_success p{
	padding: 0;
	margin: 0;
}

div.normal_form_info{
	margin: 20px auto;
	padding: 5px 10px;
	border: 2px solid #00ADEF;
	background: #fff;
	color: #0077A5;
	font-weight: bold;
}
div.normal_form_info p{
	padding: 0;
	margin: 0;
}

table.contact{
}
table.contact tr{
	
}
table.contact th, table.contact td{
	font-weight: bold;
	padding: 5px;
}
table.contact th{
	color:#F494BA
}
table.contact td{
	color:#0077A5;
}
table.contact td p{
	margin: 0;
	padding: 0;
}
table.contact td ul{
	list-style: disc;
}
table.contact td li{
	font-weight: normal;
	margin: 0 0 0 20px;
}

#main_content h1.babysitters{
	background-image: url(../img/babysitters/header_bg.jpg);
	padding-bottom: 10px;
}
#main_content h1.location{
	padding:17px 0pt 30px;
	color: #0550a1;
	font-size: 120%;
}
#main_content h2.location{
	width: 233px;
	margin: 0 0 0 158px;
}
#main_content h2.location span{
	display: block;
	height: 24px;
	padding-top: 4px;
	float: left;
	text-align: center;
	font-size: 120%;
}
#main_content h2.location span a{
	text-decoration: none;
	font-size: 15px;
}
#main_content span.budapest{
	width: 131px;
	background: transparent url(../img/babysitters/budapest.jpg) no-repeat top left;
}
#main_content span.budapest a{
	color: #0550a1;
}
#main_content span.videk{
	width: 102px;
	background: transparent url(../img/babysitters/videk.jpg) no-repeat top left;
}
#main_content span.videk a{
	color: #fff;
}
div.babysitter_lead{
	clear: both;
	padding: 20px 0;
	line-height: 1.2em;
	font-weight:bold;
	color:#0077A5;
}
div.babysitter{
	padding-bottom: 20px;
}
	div.babysitter .add_to_cart{
		float: right;
	}
	div.babysitter_thumb{
		float: left;
		width: 100px;
	}
		div.babysitter_thumb img{
			width: 80px;
			border: 1px solid #0077A5;
		}
	div.babysitter_info{
		float: left;
		width: 420px;
	}
		div.babysitter_info h2{
			margin: 0 0 5px 0;
			padding: 0 0 2px 10px;
			border-bottom: 1px solid #0077A5;
			font-size: 110%;
			font-weight: bold;
		}
			div.babysitter_info h2 a{
				text-decoration:none;
				color:#0077A5;
			}
div.babysitter_info dl{
	padding-left: 10px;
}
div.babysitter_info dt{
	clear: both;
	float: left;
	padding: 0 5px 5px 0;
	font-size: 90%;
	font-weight: bold;
	color: #EC008C;
}
div.babysitter_info dd{
	float: left;
	min-width: 250px;
	padding: 0 0 5px 0;
	font-size: 90%;
	font-weight: bold;
	color:#0077A5;
}
div.babysitter_description{
	padding: 20px 0;
	line-height: 1.2em;
	font-weight:bold;
	color:#0077A5;
}
div#order{
	text-align: center;
}

#main_content h2.selected{
	font-size: 140%;
	text-align: center;
	color:#0077A5;
}
#main_content ul.selected{
	padding: 0 40px 30px;
	list-style: square;
}
	#main_content ul.selected li a{
		text-decoration: none;
		font-size: 100%;
		font-weight: normal;
		color:#0077A5;
	}
	
#warning{
	border: 3px solid #002a53;
	padding: 12px 18px;
	background: #f494bb;
	font-size: 12px;
	color: #002a53;
}	
	#warning h1{
		background: none;
		text-align: left;
		margin: 0;
		padding: 0;
		color: #002a53;
	}
	#warning p{
		margin: 0;
		padding: 0;
		height: auto !important;
		height: 15px;
		min-height: 15px;
	}
	#warning .close{
		position: absolute;
		display: none;
		bottom: 0;
		right: 25px;
	}