@media screen,projection {
	/* zakladni definice */
	html, body 			{ font-family: Trebuchet MS; font-size: 10px; color: #4c4c4c; margin: 0; padding: 0; }
	h1, h2, h3, h4, h5 	{ }
	h1,
	h1 a 						{ font-size: 18px; margin: 10px; text-decoration: none; }
	h2,
	h2 a 						{ 	font-size: 13px; margin: 0 0 10px 0;
									color: #f05a28; text-transform: uppercase; text-decoration: none; }
	h3,
	h3 a 						{ font-size: 12px; margin: 0 0 10px 0; text-transform: uppercase; text-decoration: none; }
	h4 						{ font-size: 12px; margin: 0 0 0 0; }
	a img 					{ border: none; margin: 5px 0; }
	p 							{ margin: 0 0 10px 0; line-height: 1.5; }

	a							{ 	color: #4c4c4c; }
	a:hover					{ text-decoration: none; }
	a.pdf						{ 	background: transparent url(/img/icons/acrobat_14x14.jpg) 0 0 no-repeat;
									padding: 0 0 0 17px; }
	a.logout					{  background: transparent url(/img/icons/logout_14x14.gif) 0 0 no-repeat;
									padding: 0 0 0 17px; }
	
	/* layout XT */
	.layout					{ display: block; float: left; clear: both; margin: 0; padding: 0; }
	#layout					{ margin: 0 auto; float: none; }
	.layout, #layout		{ width: 990px; }
	#header					{ height: 109px; }
	#body						{ height: auto; }
/*		.page-404 #body 	{ height: 400px; }*/
	#footer					{ height: 60px; }
	.minheight-body-brace		{ 	display: block; float: left; clear: none;
											width: 0; height: 552px; }
	.minheight-body-content		{ 	display: block; float: left; clear: none; width: 944px; }
	
	/* header */
	#header						{ 	background: #013358 url(/img/design/skin-1/header_layer.jpg) 0 0 repeat-y;
										color: #ffffff; text-transform: uppercase; }
	#heading						{ display: block; float: left; clear: both; margin: 15px 0 0 0; }
	#sub-heading				{ 	display: none; float: left; clear: both; margin: 0px 0 0 0; font-size: 14px; font-weight: bold;
										width: 500px; }
	#heading, #sub-heading	{ margin-left: 50px; }
	#heading a, #heading strong {
		background: transparent url(/img/design/skin-1/logo_mparking_header.jpg) 0 0 no-repeat;
		float: left; display: block;
		width: 165px; height: 58px;
	}
	#header #heading a span , #header #heading strong span {
		display: none;
	}
	
	/* body */
	#body				{ padding: 15px 20px; width: 950px; }
	/* konkretni bodies */
	body.layout-login #body		{ padding: 0; width: 990px; }
	body.superadmin #content	{ padding: 20px 0 0; }
	
	/* footer */
	#footer			{ background: #242421; color: #ffffff; font-family: "Myriad Pro", "Trebuchet MS"; }
	#footer a		{ color: #ffffff; }
	#logo-footer	{ display: block; float: left; clear: none; }
	#credits			{ 	display: block; float: right; clear: none;
							width: 250px; padding: 15px 20px; }
	#engaging-by	{ display: block; float: right; clear: both; }
	#sms-by			{ display: block; float: right; clear: both; width: 190px; text-align: right; }
	#logo-footer	{ margin: 20px 45px; }
	#created-by		{ display: block; float: right; clear: both; }
		#created-by .prague-bistro	{ 	background: transparent url(/img/logos/logo_prague_bistro_bean_green.png) top right no-repeat;
												display: block; width: 10px; height: 13px; }
		#created-by span						{ display: block; float: left; clear: none; }
		#created-by a							{ display: block; float: left; clear: none; }
		#created-by .prague-bistro span	{ display: none; }

	/* menumain */
	.menumain ul			{ width: 950px; }
	.menumain, .menumain ul, .menumain li, .menumain span, .menumain strong, .menumain a
								{ 	display: block; float: left; clear: none;
									color: #ffffff; text-decoration: none; font-weight: normal; margin: 0; padding: 0; }
		.menumain a			{ cursor: pointer; }
	.menumain li			{ margin: 0 3px 0 0; }
	.menumain li.logout				{ margin: 0 5px 0 0; float: right; }
	.menumain .lft			{ 	background: transparent url(/img/design/skin-1/menumain_btn_passive_lft_bg.jpg) 0 0 no-repeat;
									padding: 0 0 0 7px; }
	.menumain .rgt			{ 	background: transparent url(/img/design/skin-1/menumain_btn_passive_rgt_bg.jpg) top right no-repeat;
									padding: 0 6px 0 0; }
	.menumain .mdl			{ 	background: transparent url(/img/design/skin-1/menumain_btn_passive_mdl_layer.jpg) 0 0 repeat-x;
									height: 14px; padding: 4px 5px; }
	#menumain-superadmin			{ margin: -22px 0 0 670px; }
	#menumain-superadmin ul		{ display: block; float: left; clear: both; width: 125px; }
	#menumain-superadmin .lft	{ 	background-image: url(/img/design/skin-1/menumain_superadmin_btn_passive_lft_bg.jpg); }
	#menumain-superadmin .rgt	{ 	background-image: url(/img/design/skin-1/menumain_superadmin_btn_passive_rgt_bg.jpg); }
	#menumain-superadmin .mdl	{ 	background-image: url(/img/design/skin-1/menumain_superadmin_btn_passive_mdl_layer.jpg); }
	
	/*.menumain a:hover .lft,*/
	.menumain strong  .lft	{ background-image: url(/img/design/skin-1/menumain_btn_active_lft_bg.jpg); }
	/*.menumain a:hover .rgt,*/
	.menumain strong  .rgt	{ background-image: url(/img/design/skin-1/menumain_btn_active_rgt_bg.jpg); }
	/*.menumain a:hover .mdl,*/
	.menumain strong  .mdl	{ background-image: url(/img/design/skin-1/menumain_btn_active_mdl_layer.jpg); }
	
	/* login */
	#login, #login form, #login fieldset,
	#login span, #login div, #login input	{ display: block; float: left; clear: none; }
	#login .error					{ margin: 0 0 -5px 35px; }
	#login noscript .error		{ margin-top: 25px; margin-left: 0; }
	#login							{	background: transparent url(/img/design/skin-1/login_primary_bg.jpg) top left no-repeat;
											clear: left; width: 199px; height: 124px; padding: 30px; }
	#login fieldset	{ border: none; }
	#login legend		{ display: none; }
	#login-secondary	{ 	background: transparent url(/img/design/skin-1/login_secondary_layer.jpg) top right repeat-y;
								display: block; float: left; clear: right; width: 670px; height: 183px; }
	#login .legend		{ display: block; float: left; clear: both;
								color: #f05a29; text-transform: uppercase; font-size: 13px; font-weight: bold; }
	#login .info-required	{ display: none; }
	#login .info-order		{ margin: 5px 0 0 0; }
	#login .required			{ display: none; }
	#login .control			{ margin: 5px 0 0 0; }
	#login .label				{ width: 30px; }
	#login .submit				{ clear: both; margin: 5px 0 0 105px; }

	/* forms filters */
	form.filter				{ margin-top: 5px; }
	form.filter .control, form.filter label, form.filter .label, form.filter .text, form.filter .date,
	form.filter .active, form.filter .passive	{ clear: none; }
	form.filter .text,
	form.filter .date,
	form.filter select 		{ font-size: 10px; }
	form.filter input.date	{ padding-top: 2px; }
	form.filter .label		{ margin: 0 10px 0 0; }
	form.filter	div.lft		{ 	background: transparent url(/img/design/skin-1/frm_filter_lft_bg.jpg) top left no-repeat;
										padding: 0 0 0 8px; }
	form.filter	div.rgt		{ 	background: transparent url(/img/design/skin-1/frm_filter_rgt_bg.jpg) top right no-repeat;
										padding: 0 6px 0 0; }
	form.filter	div.mdl		{ 	background: transparent url(/img/design/skin-1/frm_filter_mdl_layer.jpg) 0 0 repeat-x;
										width: 910px; height: 53px; padding: 5px 10px }
	form.filter .heading		{ 	color: #f05a29; text-transform: uppercase; font-size: 12px; padding: 0; margin: 0; }
	form.filter .control,
	form.filter .active,
	form.filter .passive		{ margin: 0 15px 0 0; }
	
	body.stats-supervisors form.filter	{ /*visibility: hidden;*/ }
	

	/* forms obecne */	
	.scal div	{ clear: none; }
	form, form span, form div, form .control, form label, form .text, form .text span,
	form .password, form .password span,
	form .date, form .date span				{	display: block; float: left; clear: both; border: none; margin: 0; padding: 0; }
	form span span.lft									{ 	background: transparent url(/img/design/skin-1/frm_field_txt_lft_bg.png) top left no-repeat;
															height: 18px; padding-left: 5px; }
	form span span.rgt									{ 	background: transparent url(/img/design/skin-1/frm_field_txt_rgt_bg.png) top right no-repeat;
															height: 18px; padding-right: 5px; }
	form span span.mdl									{ 	background: transparent url(/img/design/skin-1/frm_field_txt_mdl_layer.png) top left repeat-x;
															height: 18px; padding: 1px 2px 0 2px; }
	form span input							{ 	background: transparent; height: 18px; font-size: 11px; }
	form input.submit	{ 	background: transparent url(/img/design/skin-1/frm_btn_sbmt_bg.png) no-repeat scroll 0 50%;
								border: none !important; color: #ffffff; cursor: pointer; font-size: 10px;
								width: 55px; height: 19px;
								padding: 1px 0 8px 2px; }
	form .active .submit	{ background-image: url(/img/design/skin-1/frm_btn_sbmt_blk_bg.jpg); }
	.error					{	color: #ff0000; float: right; }
	.error div				{ width: 150px; }
	
	/* tables */
	.tables					{ display: block; float: left; clear: left; width: 255px; }
	body.stats-pay-summary
	.tables					{ width: 270px; }
	table	{ display: block; float: left; clear: both; }
	th		{ border-bottom: 1px solid #C8C8C7; }
	.odd, .odd td			{ background-color: #D2D2D2; }
	th							{ padding: 0 5px; text-align: left; }
	td							{ padding: 0 5px; text-align: left; }
	td.text-in,
	td.text-out,
	th.text-in,
	th.text-out					{ text-align: left; }
	table.stats-pay		{ width: 944px; }
	table.stats-pay th	{ width: 84px; }
	table.stats-pay th.from, table.stats-pay th.delayedto,
	table.stats-pay th.to			{ width: 90px; }
	table.stats-pay th.locality	{ width: 300px; }
	table.billing th.date,
	table.billing th.time	{ width: 60px; }
	table.overview-sms		{ width: 944px; }
	table.overview-sms th	{ width: 60px; padding: 0; }
	table.overview-sms th.date			{ width: 50px; }
	table.overview-sms th.datetime	{ width: 100px; }
	table.overview-sms th.time-out	{ width: 100px; }
	table.overview-sms th.time			{ width: 50px; }
	table.overview-sms th.text-in		{ width: 50px; }
	table.overview-sms th.text-out	{ width: 460px; }
	table.search-sms						{ width: 944px; }
	table.search-sms th					{ width: 90px; }
	table.search-sms th.text-out		{ width: 650px; }
	table.supervisors						{ width: 944px; }
	table.supervisors th					{ width: 100px; }
	table.supervisors th.id				{ width: 44px; }
	table.stats-pay-summ th.payed-without-tax,
	table.stats-pay-summ th.payed-with-tax					{ width: 60px; }
	table.stats-pay-summ th.units-payed						{ width: 60px; }
	table.stats-pay-summ td										{ text-align: right; }
	table.billing tr.summary									{ background-color: #D2D2D2; }
	table.billing tr.summary td								{ font-weight: bold; }

	/* grafy */
	.graphs 									{ display: block; float: left; clear: none; }
	body.stats-pay-summary .graphs	{ width: 720px; }
	
	/* paging */
	.paging, .paging li, .paging a, .paging strong	{ display: block; float: left; clear: none; }
	.paging	{ float: left; clear: both; font-size: 12px; margin: 10px 5px 10px 700px; width: 220px; }
	.paging li	{ margin: 0 2px; }
	.paging a, .paging strong			{ padding: 2px 8px; background-color: #000000; color: #ffffff; text-decoration: underline; }
	.paging a:hover, .paging strong	{ background-color: #C8C8C7; color: #000000; text-decoration: none; }
	
	/* graphs */
	.graphs ul	{ display: block; float: left; clear: none; margin: 0; padding: 0; }
	.graphs li	{ display: block; float: left; clear: both; }
	
	/* upravy public */
	body.public									{ background-color: #006699; }
	body.public #body							{ background-color: #ffffff; }
	body.public .minheight-body-content					{ width: 590px; }
	.public .layout, .public #layout 	{ width: 592px; }
	.public #layout							{ float: left; clear: none; margin: 0; }
	.public #body .layout					{ padding-top: 20px; }
	.public #header							{ 	background: transparent url(/img/design/skin-1/layout_top_bg.jpg) 0 0 no-repeat;
														width: 592px; height: 114px; }
	.public #body								{	width: 592px; height: auto;  padding: 0; }
		.public .page-404 #body 			{ height: 552px; }
	.public #layout-rgt						{ 	background: transparent url(/img/design/skin-1/layout_rgt_bg.jpg) 0 0 no-repeat;
														clear: none; width: 379px; height: 800px; }
	.public #layout-rgt a, .public #layout-rgt a span,
	.public #layout-rgt a img				{  display: block; float: left; clear: both; }
	.public #layout-rgt a					{ 	width: 200px; margin: 668px 0 0 10px; color: #ffffff; }
	.public #layout-rgt a img				{ 	margin-bottom: 2px; }
	.public #layout-rgt a span				{  width: 120px; text-align: center; }
	.public .heading, .public .error, .public .heading-2,
	.public .toggler, .public p			{ display: block; float: left; clear: both; margin-left: 40px; margin-right: 40px; }
	.public p									{ width: 500px; }
	.toggler,
	.heading-2									{ 	background: transparent url(/img/design/skin-1/toggler_bg.jpg) 0 2px no-repeat;
														padding: 0 0 0 20px; }
	.public #map-overview					{ margin: 0 0 20px 0; }

	body.public	.contest, body.public .contest .deco, body.public .contest a, body.public .contest img, body.public	.contest .description .heading, body.public	.contest .description p, body.public .contest-banner, body.public .contest-banner a,
	body.public	.contest .description 	{ 	display: block; float: left; clear: both; width: auto; margin: 0; }
	body.public	.contest-banner			{ 	width: 540px; border-bottom: 1px solid #c8c8c7; }
	body.public .contest .deco				{ 	clear: none; width: 184px; }
	body.public .contest .description	{	clear: none; width: 356px; padding-top: 20px; }
	body.public .contest
	.description .heading-2					{	margin-top: 10px; }
	body.public .contest-banner a			{ background: transparent url(/img/design/contests/contest_htc_diamond_2_banner_bg.jpg) 0 0 no-repeat; width: 540px; height: 115px; }
	body.public .contest-banner a span	{ display: none; }
	body.public .layout .notice			{ margin: 20px 40px 10px 40px; font-weight: bold; }
	body.public .layout .success			{ font-weight: bold; color: #0000ff; }
	body.public .layout .credits			{ margin-top: 30px; font-weight: bold; float: left; width: 215px; }
	#frm-public_billing, #frm-public_billing div, #frm-public_billing span, #frm-public_billing label, #frm-public_billing input, .error
													{ display: block; float: left; clear: both; }
	#frm-public_billing .fill input		{ width: 120px; }
	#frm-public_billing	.code,
	#frm-public_billing	.phone			{ padding: 20px 0 20px 40px; width: 500px; }
	#frm-public_billing	.code				{ /*height: 20px;*/ border-bottom: 1px solid #c8c8c7; }
	#frm-public_billing	label, #frm-public_billing .submit, #frm-public_billing	label span
													{ clear: none; }
	#frm-public_billing .fill .note				{ clear: both; width: 205px; }
	#frm-public_billing .phone .fill .note		{  }
	#frm-public_billing .choose input	{ margin: 2px 5px 0 0; }
	#frm-public_billing .choose span		{ width: 190px; margin: 0; padding: 0; }
	#frm-public_billing  .text span		{ clear: both; }
	#frm-public_billing	.choose					{ width: 220px; }
	#frm-public_billing	.code .choose,
	#frm-public_billing	.phone .choose			{  }
	#frm-public_billing	.fill .label			{ margin: 0 5px 0 0; }
	#frm-public_billing	.code	.fill .label	{ margin-left: 22px; }
	#frm-public_billing	.phone .fill,
	#frm-public_billing	.phone .submit			{ margin-top: 8px; }
	#frm-public_billing	.submit					{ margin-left: 10px; }
	#frm-public_billing 	.data						{ display: none; }
	#frm-public_billing	.fill .error			{ margin: 5px 0 0 50px; clear: both; }
	#frm-public_billing	.fill .error,
	#frm-public_billing	.fill .error span		{ width: 165px; }

	/* users billings list */
	.download-acrobat		{ 	display: block; float: left; clear: both; width: 230px;
									margin: 20px 0 40px 320px; }
	div.logout				{ 	display: block; float: left; clear: both;
									margin: 20px 0 0 483px; }
	table.list-billing			{  margin: 10px 40px 40px; width: 512px; }
	.list-billing th				{ padding: 2px 5px; width: 60px; }
	.list-billing th.pdf			{ width: 90px; }
	.list-billing th.created	{ width: 100px; }
	
	/* superadmin */
	form.item-edit, form.item-edit span input, form.item-edit select, form.item-edit div,
	form.item-edit span					{ display: block; float: left; clear: none; }
	form.item-edit							{ background-color: #F2A186; width: 250px; height: 195px; padding: 20px 10px 0; padding-bottom: 20px; }
	form.item-edit div					{ clear: both; }
	form.item-edit .control				{ margin-bottom: 5px; }
	form.item-edit input.submit		{ display: block; float: left; clear: both; margin: 0 0 0 75px; }
	form.item-edit label					{ width: 250px; }
	form.item-edit .label				{ width: 75px; }
	form.item-edit .form-label			{ width: 220px; }
	form.item-edit span.text,
	form.item-edit select				{ width: 132px; }
	p.form-notification-success		{ display: block; float: left; clear: both; }
	form.item-edit	.submit				{ clear: both; }
	form.item-edit	input.submit		{
		background:transparent url(/img/design/skin-1/frm_btn_sbmt_orange_bg110.png) no-repeat scroll 0 50%;
		border:medium none !important;
		color:#FFFFFF;
		cursor:pointer;
		font-size:10px;
		height:19px;
		padding:1px 0 8px 2px;
		width:110px;
		margin-top: 10px;
	}

	table.streets 									{ width: auto; }
	table.streets .name							{ width: 120px; }
	table.streets .city							{ width: 100px; }
	table.streets .area							{ width: 115px; }
	table.streets .keyword						{ width: 120px; }
	table.parkomats .keyword					{ width: 95px; }
	table.parkomats .parkomat_number			{ width: 150px; }
	table.parkomats .street						{ width: 200px; }
	table.parkomats .position					{ width: 150px; }
	table.parkomats .identification			{ width: 95px; }
	table.parkomats .centrum					{ width: 200px; }
	table.parkomats .ctrls-edit,
	form.operation-time div,
	form.operation-time .operation-days label,
	form.operation-time .operation-days .label,
	form.operation-time .operation-days input			{ display: block; float: left; clear: none; }
	table.parkomats .ctrls-edit							{  }
	table.streets form.item-edit							{ width: 471px; height: 125px; }
	.gui-ctrls form,
	form.operation-time										{ background-color: #F4825C; }
	form.operation-time										{ width: 660px; }
	form.operation-time label								{ width: 165px; }
	form.operation-time .operation-times				{ width: 700px; }
	form.operation-time .operation-days					{ width: 250px; }
	form.operation-time .operation-days label			{ width: 35px; }
	form.operation-time .operation-time-from .label,
	form.operation-time .operation-time-to .label	{ width: 20px; text-align: right; padding-right: 5px; }
	form.operation-time .control-price label			{ width: 170px; }
	form.operation-time .control-price .label			{ width: 30px; text-align: right; padding-right: 5px; }
	form.operation-time .control-delete .label		{ width: 130px; text-align: right; padding-right: 5px; }
	form.operation-time .control-enabled label,
	form.operation-time .control-enabled .label		{ width: 40px; text-align: right; padding-right: 5px; }
	form.operation-time .control-enabled label		{ width: 65px; }
	form.operation-time div input.submit				{ margin-left: 0; }
	form.operation-time .control-price					{ clear: left; }
	
	.gui-ctrls form											{ float: right; padding: 5px; }
	table.streets .gui-ctrls form							{ background-color: #F2A186; }
	.gui-ctrls input.show-controls						{
		background:transparent url(/img/design/skin-1/frm_btn_sbmt_green_bg110.png) no-repeat scroll 0 50%;
		border:medium none !important;
		color:#FFFFFF;
		cursor:pointer;
		font-size:10px;
		height:19px;
		padding:1px 0 8px 2px;
		width:110px;
	}
	
	/* help */
	ul.help li { margin: 10px 0; font-size: 12px; }
	
	/* scal calendar */
	.scal { position: absolute; }
	
	/* tools */
	.menumain h2 	{ display: none; }
	.fl-left 		{ float: left; }
	.fl-right 		{ float: right; }
	.clr				{ clear: both; }
	.data				{ display: none; }
	.clickable		{ cursor: pointer; }
	.fs-15			{ font-size: 15px; }
}