/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Basic HTML
--------------------------------------------------------------------------------*/

body
{
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus
{
	outline: 1px dotted invert;
}

hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* =Headings
--------------------------------------------------------------------------------*/

h1
{
	font-size: 25px;
}

h2
{
	font-size: 23px;
}

h3
{
	font-size: 21px;
}

h4
{
	font-size: 19px;
}

h5
{
	font-size: 17px;
}

h6
{
	font-size: 15px;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

ul
{
	list-style: square;
}

li
{
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	margin-bottom: 20px;
}
/*------------------ REJESTRACJA ------------------*/
#container_wrapper {
		width:250px;
}
#container_top_left {
		position:relative;
		float:left;
		width:15px;
		height:30px;
		margin:0;
		margin-bottom:3px;
		padding:0;
		background-image: url(img/bar_green_left.png);
		background-repeat: no-repeat;
		background-position: left bottom;
}

#container_top_middle {
		position:relative;
		float:left;
		width:220px;
		height:30px;
		margin:0;
		margin-bottom:3px;
		padding:0;
		background-image: url(img/bar_green_middle.png);
		background-repeat: repeat-x 100%;
		background-position: left bottom;
		overflow:hidden;
}
	
#container_top_middle h3 {
		position:relative;
		margin:0;
		padding:0;
		padding-top:5px;
		font-family: Tahoma;
		font-size: 14px;
		font-weight: bold;
		color:#FFFFFF;
		line-height: 1.5em;
		vertical-align:middle;
}
	
#container_top_right {
		position:relative;
		float:left;
		width:15px;
		height:30px;
		margin:0;
		margin-bottom:3px;
		padding:0;
		background-image: url(img/bar_green_right.png);
		background-repeat: no-repeat;
		background-position: left bottom;
}
	
#container_logo {
		position:relative;
		float:left;
		width:248px;
		height:30px;
		margin:0;
		padding:0;
}
	
		#container_logo img {
		position:relative;
		float:left;
		width:100px;
		height:31px;
		margin:0;
		padding:0;
		border:0;
}
	
#container_logo p {
		position:relative;
		float:left;
		margin:0;
		padding:0;
		top:5px;
		left:-25px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 11px;
		color: #3A4849;
}

#member_container {
		position:relative;
		width:248px;
		margin:0;
		padding:0;
		border: 1px solid #D0D5D8;
		border-bottom: 3px solid #D0D5D8;
		background:#FAFAFA;
		text-align:center;
}
	
#member_container ul {
		width:248px;
		margin:0;
		padding:0;
}
	
#member_container li {
        width: 60px;
        max-height: 100px;
		margin:0;
		margin-bottom:2px;
		padding:0;       
        display: -moz-inline-stack;/*FF2*/
        display: inline-block;
        *display: inline;/*IE6, IE7*/		
        vertical-align: bottom;
        zoom: 1;
        _height: 100px;/*IE6*/
}
	
#member_photos {
		position:relative;
		width:60px;
		height:50px;
		margin:0;
		padding:0;
		text-align:center;
		vertical-align:bottom;
}
	
#member_photos img {
		max-width:50px;
		margin:0;
		padding:2px;
}
	
#member_container li p {
		position:relative;
		margin:0;
		padding:0;
		top:2px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		color: #555;
		text-align:center;	
}

#container_footer {
		position:relative;
		float:left;
		width:250px;
		height:25px;
		margin:0;
		margin-top:5px;
		padding:0;
}
	
#container_footer p {
		position:relative;
		float:right;
		margin:0;
		padding:0;
		top:2px;
		right:15px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 11px;
		color: #3A4849;
}
	
#container_footer a {
		color: #498B48;
		text-decoration:none;
}

#container_footer a:hover {
		color: #498B48;
		text-decoration:underline;
}

/*------------------ PROFIL ------------------*/

/*TWOJE ZDJECIE*/
#uploadForm {
		height: 0;
		overflow: hidden;
}

#main_form {
		height:95px;
}

#userimage img{
		width:100%;
}

div.multiupload{
		margin:0;
		padding:3px;
		float:left;
		border:1px outset gray;
		background:#eee;
}

div.multiupload div.list{
		border:1px inset gray;
		background: #fff;
}

div.multiupload div.list div.item{
		margin:1px;
		background: #eee;
}

div.multiupload div.list div.item:hover{
		background: #ccc;
}

div.multiupload div.list img{
		float:left;
		margin: 3px;
		cursor:pointer;
}

#toggleLink a {
		color: #C21E7B;
		font-weight: normal;
		text-decoration:none;
}

#toggleLink a:hover {
		color: #C21E7B;
		text-decoration:underline;
}

/*BIOGRAM*/
#bio a {
		color: #C21E7B;
		font-weight: normal;
		text-decoration:none;
}

#bio a:hover {
		color: #C21E7B;
		text-decoration:underline;
}

#bio fieldset {
		border:1px solid #bbb;
		padding:10px;
		position:relative;
		background:#e9e9e9;
		margin-bottom:10px;
	
		/*All IE versions Hack, including IE8 Standards Mode by adding \9*/ 
		margin: 1.5em 0 1em 0\9;
}

#bio legend {
		font-size:1.1em;
		padding:.4em .8em;
		background:#fff;
		border:1px solid #bbb;	
	
		/*All IE versions Hack, including IE8 Standards Mode by adding \9*/ 
		position: absolute\9;
		top: -1.2em\9;	
		left: .8em\9;	
}

#bio fieldset p {
		margin-bottom:1em;
		margin-top:0pt;
}

#bio fieldset p label {
		width:98%;
}
#bio fieldset p input {
		width:98%;
}

#bio textarea {
		width: 97%;
		height: 80px;
		border: 3px solid #cccccc;
		padding: 5px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		font-weight: normal;
		color: #000;
		line-height: 1.5em;
}

#bio input:focus, textarea:focus{
		background-color: lightyellow;
}


/*DANE*/
#forms a {
		color: #C21E7B;
		font-weight: normal;
		text-decoration:none;
}

#forms a:hover {
		color: #C21E7B;
		text-decoration:underline;
}