/* 
Author: 			mmh
Author URI: 		http://www.javatech.com.pl
Version:			0.1

Project:			creator
Description:					

--------------------------------------------------------------------------------------- 






/* forms.css */
label {font-weight:bold;display:block;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:60px;padding:5px;}
/*.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}*/
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}      

.buttons {
	padding:10px;
}




/* ------------------------------------------------------------------------------------
RESETS						 */

html,body,div,span,applet,object,iframe,
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,
b,u,i,center,
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;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}


/* ------------------------------------------------------------------------------------
BASICS */
html{font-size:100%;background-color:#d7d7d7; margin:0; }
body{font-size:62.5%;color:#2e2e2e;font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
*, a,input,input:active,input:hover{outline:0 !important}
a img{border:0;}  
a{color:#435d90;} 
a:hover{color:#5983d5;}
a:active{color:#435d90;}
/*a:visited{color:#620308;}*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;overflow: hidden;width: 100%;}
img.left{margin:0 1em 1em 0;}
img.right{margin:0 0 1em 1em;}
.padding{padding:10px;}
h1,h2,h3,h4{color:#3b3b3b;font-weight:normal;}
/* ------------------------------------------------------------------------------------
NAVIGATION MENU */
.navigation,.navigation ul{padding:0;margin:0;list-style:none;line-height:1;}
.navigation a{display:block;padding:6px 10px;text-decoration:none;}
.navigation a:hover{text-decoration:underline;}
.navigation li{float:left;width:auto;}
.navigation li{padding:0;margin:0;}
                                                
/* ------------------------------------------------------------------------------------
CLEAR FIX */
/* CLEARING */
.display_horizontal:after, .panel:after,.clearfix:after,#header:after,#content:after,#footer:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.display_horizontal,.panel,.clearfix,#header,#content,#footer{display:inline-block;}
/* Hides from IE-mac \*/
* html .display_horizontal,* html .panel,* html .clearfix,* html #header,* html #content,* html #footer{height:1%;}
.display_horizontal,.panel,.clearfix,#header,#content,#footer{display:block;}
/* End hide from IE-mac */

/* ------------------------------------------------------------------------------------
STRUCTURE */  

#container{font-size:1.5em;width:1008px;margin:auto;}
#header,#content,#footer{margin:auto;}
#header{overflow:hidden;
	background: transparent url(img/bg.png) no-repeat scroll 0 45px;
	  height:58px;                                               
	margin-top: 20px; 

	}

h2.main_info {
	font-size:0.9em;
	text-transform: uppercase;
	margin-top: 15px;
	margin-right: 20px;
	display:none;
}



/* ------------------------------------------------------------------------------------
HEADER */ 

#logo{text-indent:-999em; float:left;	margin-left: 20px;margin-top:0;}
#logo span{text-indent:-999em;display:none;}
#logo a{display:block;overflow:hidden;text-indent:0;}


#header .navigation {
	float:right;
	margin-top:10px;

}

#header .navigation a{

	font-size: 0.8em;
}



/* ------------------------------------------------------------------------------------
KOLUMNY I TRESC */    
 
#content{font-size:0.9em;background:transparent url(img/bg.png) repeat-y right;padding:20px 22px;}
#content h3{font-weight:bold;letter-spacing:-1px;}
#column_left{float:left;width:680px;margin-left:20px;}
#column_right {
background:transparent url(img/grey_round_bg.png) no-repeat scroll center bottom;
color:#525252;
float:right;
font-size:90%;
line-height:1.4em;
margin-right:42px;
margin-top:35px;
padding-bottom:10px;
width:220px;
}
#column_right h4{font-weight:bold;font-size:1em;line-height:1.4em;}
#column_right .column_content{background:transparent url(img/grey_round_bg.png) no-repeat top;padding:10px;}
#column_right a{color:#113c6f;text-decoration:none}

	
	

                                                                                             
/* ------------------------------------------------------------------------------------
STOPKA */ 

#footer{padding:0 20px 0 0;font-size:0.9em;background: transparent url(img/bg.png) no-repeat left bottom;height:85px;}
#footer p{font-size:0.8em;line-height:1.5em;margin:0;padding-top:0;}
#footer_left{float:left;width:600px;}
#footer_right{float:right;width:260px;padding:20px;text-align:right;}
#footer_right a{text-decoration:none;color:#2E2E2E;} 
#footer_right a:hover{text-decoration:underline}  

#footer ul li {margin-top:10px;font-size: 0.9em;} 
#footer ul li a{font-size: 0.9em;text-decoration:none;} 

.navigation.steps{margin-left:20px;padding-top:5px;margin-right:30px;}
.navigation.steps a{cursor: default;color:#eee;font-size:0.8em;height:60px;background:transparent url(img/all_icons.png) no-repeat 25px -46px;text-decoration:none;}


.navigation.steps li.current a{color:#292828;}
.navigation.steps li.rejestracja_uzytkownika.current a{background-position:47px 28px;}
.navigation.steps li.rejestracja_uzytkownika a{background-position:-274px 28px}  
 

.navigation.steps li.dane_strony.current a{background-position:25px -46px}
.navigation.steps li.dane_strony a{background-position:-302px -46px}
.navigation.steps li.wyglad.current a{background-position:15px -145px}
.navigation.steps li.wyglad a{background-position:-307px -146px}
.navigation.steps li.koniec.current a{background-position:10px -258px;}
.navigation.steps li.koniec a{background-position:-313px -258px;}
.navigation.steps li.koniec.right{float:right;}


/* ------------------------------------------------------------------------------------
registration_form  */

.registration_form{width:470px;}
.registration_form label{color:#333;font-size:0.8em;width:120px;padding-top:13px;padding-right:10px;text-align:right;}
.registration_form div{position:relative;}
.display_horizontal label{/* display:inline;*/
float:left;}

.register_bt {
	border: 0;
	background: transparent url(img/all_buttons.png) repeat-x left top;

	height: 31px;
	color: #333;
	font-weight: bold;
	padding-bottom: 3px;
	margin-right: 18px;       
	border: 1px solid #ababab;
	float:right;
}


.register_bt:hover {
	border: 1px solid #7b7b7b; 
	color:#000; 
		cursor: pointer;  
}


.register_bt:active {
	line-height: 1em;
	background-position:left bottom;
	padding-top: 3px;

}

#content .registration_form h3{font-weight:normal;margin-left:130px;font-size:1em;}
.registration_form .error,.registration_form .notice,.registration_form .success {
	padding: 5px 8px 5px 25px;
	background-image: url(img/all_icons.png);
/*	margin-left: 130px;*/
	display: block;
	float: left;
	font-size: 0.8em;
}

.error{background-position:4px -476px;color:#8a1f11;border-color:#FBC2C4;}
.notice{background-position:4px -588px;color:#514721;border-color:#FFD324;}
.success{background-position:4px -858px;color:#264409;border-color:#C6D880;}
input.text,textarea {background:#fbfbfb url(img/input_bg.png) repeat-x 0 -1px;border-top:1px solid #a5a5a5;border-left:1px solid #cacaca;border-right:1px solid #cacaca;border-bottom:1px solid #e4e4e4;}

#content .registration_form div.form_help{position:absolute;right:0;top:10px;width:16px;height:16px;}
.required label{background:transparent url(img/all_icons.png) no-repeat scroll 120px -1054px;}
#content .registration_form div.form_help a.bubble_show,.bubble_close{display:block;text-indent:-999em;cursor:help;width:16px;height:16px;background:transparent url(img/all_icons.png) no-repeat 0 -974px;}
.info_bubble{background:transparent url(img/bubble_bg.png) no-repeat scroll right bottom;border-left:1px solid #DDDDDD;border-top:1px solid #DDDDDD;left:82px;min-height:100px;padding:20px;position:absolute;text-align:left;top:-43px;width:200px;}
.info_bubble span{background:transparent url(img/bubble_arrow.png) no-repeat scroll 0 0;height:37px;left:-65px;position:absolute;width:65px;}
.bubble_close{background-position:-345px -413px;position:absolute;right:5px;top:0;cursor:pointer;} 
.bubble_close:hover{background-position:-330px -413px} 
.info_bubble p{line-height:1.3em;font-size:0.9em;}  



.step_2 .registration_form,
.step_2 #column_left {
width:95%;
} 

.step_2 #column_right {
display:none;
}

.choose_layout {
	margin-left: 131px; 


}   

.registration_form .choose_layout label{
	float:left;
   display:block;
margin:10px auto; 
width: auto;
text-align:center; 
width :220px;
} 

.choose_layout label img{
   margin:auto;
   display:block;

}  

.choose_layout a:hover,
.choose_layout a:active
{
	background:transparent url(img/all_icons.png) no-repeat scroll 256px -806px; color:#264409;border-color:#C6D880;
} 

.page_url, .registration_form div.page_url {
color:#85AEDE;
font-family:Georgia;
font-size:2em;
left:505px;
position:absolute;
top:5px;
}    

.page_url {
	width:300px;
	text-align:center;
}

.cms_register label {
	display:block;
	text-align:left;
	width: auto;
}

#content .registration_form .cms_register  h3 {
font-size: 1.5em;
margin-left:0;
}


#cms_login  label {

display:block;

text-align:left;
width:auto;
}