@charset "utf-8";
/* CSS Document */
/* 
	content:
	- PRESETS
	- LAYOUT
		footer
	- COMMON

	COLOR SET:

	.color00 - bialy (#ffffff)
	.color01 - czarny (#000)
	.color02 - niebieski (#0066ff)
	.color03 - czerwony (#ff0000)
	.color04 - szary jasny (#999)
	.color05 - szary sredni (#666)	
	.color06 - szary ciemny (#333)	
	
*/

	
/* ------------------------------------------------------------------ */
/* LAYUOT */

	div.form-container div.spacer-dot {
		clear:both;
		height:1px;
		padding-top:10px;
		margin-bottom:10px;
		overflow:hidden;
		font-size:0;
		line-height:0;
		background:url(images/dot01.gif) repeat-x 0 bottom
	}
	
	div.form-container a { outline:none }
	
	div.form-container label { cursor:default !important }
	
	div.form-container div.spacer-blank {
		clear:both;
		height:0;
		padding-top:10px;
		margin-bottom:10px;
		overflow:hidden;
		font-size:0;
		line-height:0;
	}


	div.form-container h1 {
		clear:both;
		font:18px Arial, Helvetica, sans-serif;
		background:url(images/header_bg.gif) repeat-x 0 0;
		padding:15px 15px 10px;
		margin-top:20px
	}

	div.form-container label { 
		font:12px Tahoma, Arial, Verdana;
		color:#333;
		vertical-align:middle
	}
	
	div.form-container p {		
		/* color:#999; */
		font:12px Tahoma, Arial, Verdana;
		padding-bottom:10px
	}

	div.form-container p.field {
		padding-bottom:0;
		position:relative
	}

	div.form-container input, 
	div.form-container textarea, 
	div.form-container select { 
		font:12px Tahoma, Arial, Verdana ;
		vertical-align:middle;
		outline:none
	}

	div.form-container input.text, div.form-container textarea, div.form-container select {
		width:100%;
		margin:3px 0;
		border:1px solid #bdbdbd;
		padding:2px;
		color:#333;
		background:#f9f9f9
	}
	
	div.form-container input.error, div.form-container textarea.error, div.form-container select.error {
		border:1px solid #ff0000;
		background:#fff6f6
	}

	div.form-container ul.form-list {
		list-style-type:none;
		padding:0 0 10px
	}
	
	div.form-container ul.form-list label { cursor:pointer !important }
	
	div.form-container ul.form-list li  { padding-bottom:8px }
	
	* html div.form-container ul.form-list li { padding-bottom:5px }
	
	div.form-container ul.form-list li input { margin:0 7px 0 0 }

	table.form-table td { padding:0 10px 10px 0 }

	div.form-container span.req { color:#f00 }
	div.form-container span.not_req { color:#0f0 }
	
	div.form-container label.error {
		color:#f00 !important;
		font:11px Tahoma, Arial, Verdana !important
	}
	
	div.form-container p.help-tip { 
		color:#a6a6a6;
		padding-bottom:0;
		font:11px Tahoma, Arial, Verdana
	}

	div.form-container p.help-layer, div.form-container .calendar-layer {
		position:relative;		
		padding-bottom:0;
	}
	
	div.form-container .calendar-layer img.datepicker {
		display:block;
		position:absolute;
		top:6px;
		right:-26px
	}
	
 	* html div.form-container .calendar-layer img.datepicker{ right:-6px }	
	
	div.form-container a.layer-release {
		width:16px;
		height:16px;
		background:url(images/ico_help.gif) no-repeat 0 0;
		text-indent:-5000px;
		display:block;
	}
	
	div.form-container p.help-layer a.layer-release {
		position:absolute;
		top:6px;
		right:-26px
	}
	
 	* html div.form-container p.help-layer a.layer-release { right:-6px }

	div.form-container p.unit {
		padding-right:27px;		
		padding-bottom:0;		
	}
	
	div.form-container p.unit span.unit {
		position:absolute;
		right:0;
		top:5px
	}
	
	* html div.form-container p.unit span.unit { right:18px }



	div.form-container div.form-item { padding:10px 15px 0 }


	div.form-container input.radio, div.form-container input.checkbox {
		border:none !important;
		background:none !important
	}


/* ------------------------------------------------------------------ */
/* form section */	
		
	div.form-section { clear:both }
	
	* html div.form-section { zoom:1 }
	
	div.form-section-active { background:#f2f5f7 }	
	div.form-section-active input.text, div.form-section-active textarea, div.form-section-active select { background:#fff }	
	div.form-section-active input.error, div.form-section-active textarea.error { background:#fff6f6 }	
	h2.section-title {color:#246FA8;font:bold 12px Tahoma,Geneva,Verdana,sans-serif;margin:20px 0 10px 15px;}


/* ------------------------------------------------------------------ */
/* info boxes */

	div.alert-box, div.info-box, div.error-box, div.send-info {
		clear:both;
		padding:10px 15px 5px;
		overflow:hidden;
		margin:10px 0;
		text-align:center
	}

	div.alert-box p, div.info-box p, div.error-box p, div.send-info p,
	div.alert-box li, div.info-box li, div.error-box li, div.send-info li {
		padding:0 0 5px;
		color:#fff !important;
	}

	div.alert-box ul, div.info-box ul, div.error-box ul, div.send-info ul {
		margin-left:20px;
		margin-bottom:5px
	}

	div.alert-box {
		border:1px solid #595959;
		background:#616161;
	}

	div.info-box {
		border:1px solid #7db75e;
		background:#87c565;
	}

	div.error-box {
		border:1px solid #c54444;
		background:#e55b5b;
	}

	div.send-info {
		border:1px solid #ece8db;
		background:#fff;
		margin-bottom:0;

	}

	div.send-info p { color:#686765 !important }



/* ------------------------------------------------------------------ */
/* buttons */	
	
	
	a.btn-pri-action, a.btn-sec-action {
		display:block;
		height:30px;
		padding:0;		
		font:bold 12px Tahoma, Arial, Verdana;
		text-align:center;		
		overflow:hidden;
		text-decoration:none;
		line-height:28px
	}
	
	a.btn-pri-action {
		color:#fff;
		background:#4184c8 url(images/btns_order_sprites.gif) no-repeat right 0;
	}

	a.btn-sec-action {
		color:#686765;
		background:#4184c8 url(images/btns_order_sprites.gif) no-repeat right -30px;
	}
	
	a.btn-pri-action span.edge, a.btn-sec-action span.edge {
		display:block;
		width:6px;
		height:30px;
		float:left;		
		left:0
	}
	
	a.btn-pri-action span.edge { background:#4184c8 url(images/btns_order_sprites.gif) no-repeat -6px 0 }
	a.btn-sec-action span.edge { background:#4184c8 url(images/btns_order_sprites.gif) no-repeat -6px -30px }

	
	a.btn-pri-action span, a.btn-sec-action span {
		position:relative;
		left:-6px
	}	
	
	
	div.images-table-cnt { padding:10px 15px 15px }

	table.images-table {}

	table.images-table th {
		background:#EEEEEE;
		text-align:left;
		padding:5px 10px
	}

	table.images-table td { padding:5px 10px; vertical-align:top }