/* ------------------
	SZABLON FORMULARZA
--------------------- */
form.template
{
	width: 640px;	
	position: relative;	
}

/* FIELDSET */
form.template fieldset
{	
	_position: relative;
	padding: 30px 0px 20px 25px;
	border: 1px solid #EDEDED;
}

/* LEGEND */
form.template fieldset label.legend
{	
	position: absolute;
	top: -10px;
	left: 6px;
	padding: 0 16px 0 5px;
	color: #ff7200;
	font-size: 18px;
	font-style: italic;
	background: #ffffff url('./../images/forms/form-legend-right-bg.jpg') right 10px no-repeat;	
	_background: #ffffff url('./../images/forms/form-legend-right-bg.jpg') right 9px no-repeat;	
}

form.template fieldset label.legend span
{
	position: absolute;
	left: -6px;
	_left: -7px;
	top: 10px;
	_top: 9px;
	width: 6px;
	height: 6px;
	background: url('./../images/forms/form-left-top-corner.jpg') left top no-repeat;
}

form.template fieldset div
{		
	overflow: hidden;
	margin-bottom: 5px;		
}

/* LABEL */
form.template fieldset div label
{	
	position: relative;	
	display: block;
	float: left;
	width: 130px;	
	font-weight: bold;
	line-height: 22px;	
}

form.template fieldset div label.required
{	
	background: url('./../images/required.jpg') 119px 3px no-repeat;
}

form.template fieldset div label strong
{
	display: block;
	line-height: 22px;	
}

form.template fieldset div label.plus-desc
{
	font-weight: normal;
	line-height: 16px;
}

/* INPUT */
form.template fieldset div.input-wrapper
{
	position: relative;
	height: 22px;	
}

form.template fieldset div.input-wrapper.with-desc
{
	height: 40px;	
}

form.template fieldset div input
{
	float: left;
	width: 305px;
	height: 16px;	
	padding: 3px 0 1px 2px;	
	margin-left: 11px;
	border: none;
	color: #959595;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	background: #ededed url('./../images/forms/form-input-bg.jpg') left top repeat-x;
}

form.template fieldset div.input-wrapper.with-desc p
{
	position: absolute;
	left: 130px;
	top: 23px;
}

/* zaokraglone rogi */
form.template fieldset div.input-wrapper span
{
	position: absolute;
	display: block;
	height: 20px;
	top: 0;
}

form.template fieldset div.input-wrapper span.form-input-left-bg
{
	width: 11px;
	left: 130px;
	background: url('./../images/forms/form-input-left-bg.jpg') left top no-repeat;
}

form.template fieldset div.input-wrapper span.form-input-right-bg
{
	width: 10px;
	left: 446px;
	background: url('./../images/forms/form-input-right-bg.jpg') left top no-repeat;
}

/* RADIOBUTTON */
form.template fieldset div.radio-wrapper
{		
	margin: 2px 0 0px 0;
	padding: 0;
	width: 480px;	
	height: 23px;
	background: url('./../images/radiobutton-bg.jpg') left bottom repeat-x;	
}

form.template fieldset div.radio-wrapper.first { margin-top: 7px; }

form.template fieldset div.radio-wrapper p
{
	float: left;
	margin-right: 2px;	
	height: 22px;
	padding: 0;	
}

form.template fieldset div.radio-wrapper p.star1 { width: 45px; }

form.template fieldset div.radio-wrapper p.star2 { width: 55px; }

form.template fieldset div.radio-wrapper p.star3 { width: 65px; }

form.template fieldset div.radio-wrapper p.star4 { width: 80px; }

form.template fieldset div.radio-wrapper p.star5 { width: 95px; }

form.template fieldset div.radio-wrapper p input
{
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background: none;
}

form.template fieldset div.radio-wrapper p img
{
	margin: 3px 0 0 0;
	padding: 0;
}


/* CHECKBOX */
form.template fieldset div.checkbox-wrapper
{
	position: relative;
	padding: 0;
	margin: 8px 0 0 0;
}

form.template fieldset div.checkbox-wrapper label
{
	margin-right: 20px;
}

form.template fieldset div.checkbox-wrapper input
{
	width: 12px;
	height: 12px;
	padding: 0;
	margin:  0 5px 0 -20px;	
	background: none;
	padding: 0;	
}

/* TEXTAREA */
form.template fieldset div div.textarea-wrapper
{		
	float: left;
	position: relative;
	width: 452px;			
	_height: 137px; 	/* dla IE */
	padding: 12px 10px 10px 10px;	
	background: #EDEDED url('./../images/forms/form-textarea-bg.jpg') left top repeat-x;
}

form.template fieldset div div.textarea-wrapper span.form-textarea-wrapper-bg
{
	position: absolute;
	display: block;
	left: 0;
	top: 0;	
	width: 2px;
	height: 100%;	
	background: url('./../images/forms/form-textarea-wrapper-left-bg.jpg') left top repeat-y;
}

form.template fieldset div div.textarea-wrapper textarea
{	
	float: left;
	_float: none;
	_margin: -1px 0 -1px 0;
	width: 450px;
	height: 135px;
	border: none;	
	padding: 1px 0 1px 2px;			
	color: #959595;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	background-color: #ededed;	
}

form.template fieldset div div.textarea-wrapper.short
{
	_height: 62px;
}

form.template fieldset div div.textarea-wrapper textarea.short
{
	height: 60px;
}

/* TEXTAREA CORNERS */
form.template fieldset div div.textarea-wrapper span
{
	position: absolute;
	display: block;
	width: 10px;
}

form.template fieldset div div.textarea-wrapper span.form-textarea-left-top-corner
{		
	height: 8px;
	left: 0px;
	top: 0px;	
	background: url('./../images/forms/form-textarea-left-top-bg.jpg') left top no-repeat;
}

form.template fieldset div div.textarea-wrapper span.form-textarea-right-top-corner
{		
	height: 8px;
	right: 0px;
	top: 0px;	
	background: url('./../images/forms/form-textarea-right-top-bg.jpg') left top no-repeat;
}

form.template fieldset div div.textarea-wrapper span.form-textarea-right-bottom-corner
{		
	height: 10px;
	right: 0px;
	bottom: 0px;	
	_bottom: -1px;
	background: url('./../images/forms/form-textarea-right-bottom-bg.jpg') left top no-repeat;
}

form.template fieldset div div.textarea-wrapper span.form-textarea-left-bottom-corner
{		
	height: 7px;
	left: 0px;
	bottom: 0px;	
	_bottom: -1px;
	background: url('./../images/forms/form-textarea-left-bottom-bg.jpg') left top no-repeat;
}

/* SUBMIT BUTTON */
form.template fieldset input.submit
{
	position: absolute;
	right: 10px;
	bottom: -11px;	
	_bottom: -12px;	
}

/* FIELDSET CORNERS */
form.template fieldset span
{
	display: block;
	position: absolute;	
	width: 8px;
	height: 8px;
}

form.template fieldset span.form-right-top-corner
{
	width: 10px;
	height: 10px;
	right: 0;
	_right: -1px;
	top: 0;
	_top: -1px;
	background: #ffffff url('./../images/forms/form-right-top-corner.jpg') left top no-repeat;
}

form.template fieldset span.form-right-bottom-corner
{	
	right: 0;
	_right: -1px;
	bottom: 0;
	_bottom: -1px;
	background: #ffffff url('./../images/forms/form-right-bottom-corner.jpg') left top no-repeat;
}

form.topicCreateForm fieldset span.form-right-bottom-corner { _bottom: -2px; }

form.template fieldset span.form-left-bottom-corner
{	
	left: 0;
	_left: -1px;
	bottom: 0;
	_bottom: -1px;
	background: #ffffff url('./../images/forms/form-left-bottom-corner.jpg') left top no-repeat;
}

        /* captcha */
        form.template fieldset div.captcha { height: 40px; }
            form.template fieldset div.captcha a { position: absolute; left: 270px; top: 4px; padding: 0 5px; }
                form.template fieldset div.captcha a img { width: 25px; height: 31px; } 

/* eliminacja bledow IE */
form.topicCreateForm fieldset span.form-left-bottom-corner { _bottom: -2px; }


/* --------------------------------------------

		KOMUNIKAT DLA NIEZALOGOWANYCH UZYTKONIKOW
		
----------------------------------------------- */
div.non-auth-user
{
	position: relative;
	height: 75px;		
	border: 1px solid #ededed; 
}

div.non-auth-user h3
{
	position: absolute;
	top: -10px;
	left: 6px;
	
	padding: 0 16px 0 30px;
	color: #ff7200;
	line-height: 20px;
	font-style: italic;
	background: #fff url('./../images/forms/form-legend-right-bg.jpg') right 9px no-repeat;		
}

div.non-auth-user h3 img 
{
	position: absolute;
	left: 5px;
	top: 0px;
	width: 19px;
	height: 18px;
}

div.non-auth-user p
{
	position: relative;
	margin: 20px 20px 0px 20px;
	line-height: 18px;
}

div.non-auth-user span
{
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
}

div.non-auth-user span.l-t-corner
{
	left: -1px;
	top: -1px;
	width: 6px;
	height: 6px;
	background: #fff url('./../images/forms/form-left-top-corner.jpg') left top no-repeat;
}

div.non-auth-user span.r-t-corner
{
	right: -1px;
	top: -1px;
	width: 10px;	
	height: 10px;
	background: #fff url('./../images/forms/form-right-top-corner.jpg') left top no-repeat;
}

div.non-auth-user span.l-b-corner
{
	left: -1px;
	bottom: -1px;
	_top: 68px;		
	background: #fff url('./../images/forms/form-left-bottom-corner.jpg') left top no-repeat;
}

div.non-auth-user span.r-b-corner
{
	right: -1px;
	bottom: -1px;
	_top: 68px;		
	background: #fff url('./../images/forms/form-right-bottom-corner.jpg') left top no-repeat;
}