img, div, input {
	behavior: url("iepngfix.php")
}

/**{
	border: 1px solid red;
}
*/

.hidden{
	display: none;
}

form{
	margin: 0;
	padding: 0;
}

a,
a:link,
a:hover,
a:visited,
a:active{
	color: black;
}


img{
	border: 0px;
	vertical-align: middle;
}

h1, h2, h3, h4{
	margin: 0px;
	padding: 0px;
}

h1, h2{
	margin-bottom: 10px;
}

h3, h4{
	margin-bottom: 4px;
}

h1{
	font-size: 16px;
}

h2{
	font-size: 14px;
}

h3{
	font-size: 12px;
}

h4{
	font-size: 12px;
}


body{
	background-color: white;
	font-family: 'Trebuchet MS';
	line-height: 1.5;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#padding, #footer{
	padding: 10px;
}

#padding{
	padding-top: 0px;
}

#standalone{
	padding: 20px;
}

#rules{
	border: 1px solid #e5e5e5;
	margin: 0 auto 0 auto;
	padding: 10px;
	width: 600px;
}

#main{
	/* Nie wiadomo czemu, ale przy przegladaniu id border-bottom jest w operze bialy zamiast koloru */
	/* Po wywaleniu background-image ramka dolna dziala. Jakis absurd. /*
	/* Jesli wiesz, dlaczego tak sie dzieje - zglos sie, a stawiam browara */
/*	background-image: url(shadow.jpg);
	background-repeat: repeat-x; */
	min-width: 950px;
	border-bottom: 10px solid #48bde8;
}

#signin,
#signup,
#account{
	margin-top: 20px;
}

#idedit,
#idshow,
#idshow-our{
	margin-top: 20px;
}

#header h1,
#header h2{
	color: black;
	font-size: 20px;
	line-height: 30px;
	margin: 0;
	margin-left: 10px;
	display: inline;
}

#header h2{
	font-size: 18px;
	font-weight: normal;
}

#header{
	padding: 0px;
	padding-top: 8px;
	background-color: #29a7df;
	background-image: url(/bg.png);
/*	background-repeat: no-repeat; */
/*	width: 466px; */
}

#header #memberSearch{
	line-height: 30px;
	margin-right: 5px;
	float: right;
}

#header div.menu{
	padding: 0;
	margin: 0;
	background-image: url(bglighten.png);
	line-height: 25px;
	padding-left: 5px;
}

#header a,
#header a:link,
#header a:hover,
#header a:visited,
#header a:active{
	color: black;
/*	color: inherit; */
}


#header div.menu a,
#header div.menu a:link,
#header div.menu a:hover,
#header div.menu a:visited,
#header div.menu a:active{
	padding: 0;
	margin: 0;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	vertical-align: middle;
/*	display: inline;
	display: inline-block;
	zoom: 1;*/
/*	color: inherit; */
}

#header div.menu a:hover{
	background-color: white;
}

#header h1 a{
	text-decoration: none;
}

#header form{
	display: inline; 
	margin: 0;
	margin-left: 20px;
	padding: 0;
}

#header form label,
#header form input{
	vertical-align: middle;
}

#header ol{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#header ol li{
	margin: 0;
	padding: 0;
	vertical-align: middle;
	display: inline;
}

#signup p.fields label{
	display: block;
	margin-top: 5px;
}

#signup p.fields input{
	width: 315px;
}

#signin label{
	display: block;
	margin-top: 5px;
}

#signin p.fields input{
	width: 315px;
}

#remind label{
	display: block;
	margin-top: 5px;
}

#remind p.fields input{
	width: 315px;
}

#account label{
	display: block;
	margin-top: 5px;
}

#account p.fields input,
#account p.fields textarea,
#account p.fields select
{
	width: 315px;
}

div.block{
	border: 1px solid #e5e5e5;
	margin: 0 auto 0 auto;
	padding: 10px;
	width: 320px;
}

.error{
	border: 2px solid #ff8080;
	padding: 4px;
	margin-bottom: 5px;
	font-weight: bold;
}

.success{
	border: 2px solid #80ff80;
	padding: 4px;
	margin-bottom: 5px;
	font-weight: bold;
}

a.delete{
	vertical-align: middle;
	margin-left: 5px;
	display: block;
	float: left;
	line-height: 30px;
	text-decoration: none;
}

a.delete img{
	vertical-align: middle;
}

a.header{
	color: black;
	text-decoration: none;

	text-indent: -1000px;
	display: inline-block;
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: center 3px; /* center or middle ? */
	
	width: 117px;
}

.starsGroup{
	margin-bottom: 25px;
}

.starsGroupLeft{
	float: left;
	width: 315px;
	border-top: 1px solid #e8e8e8;
}

.groupPhotos,
#profile{
	margin-left: 315px;
}

.groupPhotos ol{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-left: 20px;
	list-style-type: none;
}

.groupPhotos ol li{
	float: left;
	margin-left: 20px;
}

.groupPhotos ol li h4{
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100px;
	line-height: 22px;
	height: 22px;
}

.groupPhotos ol li h4 a{
	height: 22px;
	color: black;
	text-align: center;
	text-decoration: none;
	display: block;
	position: relative;
	overflow: hidden;
}

.starsGroup h2{
	color: gray;
	position: relative;
	top: -17px;
	float: left;
/*	display: inline-block; */
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin: 0px;
	margin-left: 20px;
}

div.starsGroupInnerContainer{
	clear: both;
}

.stars{
	margin: 0;	/* stupid ie hack! */
	padding: 0; /* stupid ie hack! */
}

.stars h3{
	margin: 0;
	padding: 0;
	float: left;
	line-height: 30px;
	width: 140px;
	text-align: right;
}

.stars h3 span,
.stars h3 a{
	padding-right: 10px;
}

.stars h3 a{
	outline: none;
	text-decoration: none;
	color: black;
}

.stars ul{
	float: left;
}

/* New rating */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(star_rating3.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:150px;
height:30px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:30px;
line-height:30px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover{
background-position: left -30px;
}
.star-rating-confirmation a:hover{
background-position: left -90px;
}
.star-rating a.star1{
width:20%;
z-index:6;
}
.star-rating a.star2{
width:40%;
z-index:5;
}
.star-rating a.star3{
width:60%;
z-index:4;
}
.star-rating a.star4{
width:80%;
z-index:3;
}
.star-rating a.star5{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left -60px;
}

/* OLD Rating */
/*.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 150px;
	height: 30px;
	position: relative;
	background: url(star_rating.gif) top left repeat-x;
}

.star-rating li{
	padding: 0px;
	margin: 0px;
	height: 30px;
	width: 30px;
	float: left;
}

.star-rating li a{
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow: hidden;
}

.star-rating li a:hover{
	background: url(star_rating.gif) left center;
	z-index: 2;
	left: 0px;
	border: none;
}

.star-rating a.star1{
	left: 0px;
}

.star-rating a.star1:hover{
	width: 30px;
}

.star-rating a.star2{
	left: 30px;
}

.star-rating a.star2:hover{
	width: 60px;
}

.star-rating a.star3{
	left: 60px;
}

.star-rating a.star3:hover{
	width: 90px;
}

.star-rating a.star4{
	left: 90px;
}

.star-rating a.star4:hover{
	width: 120px;
}
.star-rating a.star5{
	left: 120px;
}

.star-rating a.star5:hover{
	width: 150px;
}

*/

/*.star-rating li.current-rating{
	background: url(star_rating.gif) left bottom;
	position: absolute;
	left: 0px;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
*/

.star-rating li.current-rating0{
	width: 0px;
}

.star-rating li.current-rating1{
	width: 30px;
}

.star-rating li.current-rating2{
	width: 60px;
}

.star-rating li.current-rating3{
	width: 90px;
}

.star-rating li.current-rating4{
	width: 120px;
}

.star-rating li.current-rating5{
	width: 150px;
}


/* remove halo effect in firefox   */
.star-rating a{
	outline: none;
}

.clear{
	clear: both;
}

.addBar{
	margin-top: 10px;
	margin-left: 132px;
	padding: 5px;
}

.addBar a.addButton,
.addBar a.addButton:link,
.addBar a.addButton:hover,
.addBar a.addButton:active,
.addBar a.addButton:visited{
	display: inline; /* stupid ie hack */
	display: inline-block;
	text-decoration: none;
	text-align: center;
	background-image: url(stars-button.png);
	padding: 10px;
	width: 132px;
	height: 16px;
	color: black;
	outline: none;
}

.addBarPopupMenu{
	display: none;
	position: absolute;
	padding-bottom: 20px;
	z-index: 1000;
}

.addBarPopupMenu ol{
	margin: 0;
	padding: 0;
	border: 1px solid silver;
	border-bottom-width: 0px;
	background-color: white;
	list-style-type: none;
}

.addBarPopupMenu ol li{
	border-bottom: 1px solid silver;
}

.addBarPopupMenu ol li a{
	display: block;
	padding: 4px;
	color: black;
	text-decoration: none;
}

.addBarPopupMenu ol li a:hover{
	background-color: #f0f0ff;
}

.starsGroup a{
	outline: none;
}


/* Popup */

div.popup{
	padding: 10px;
}

div.popup form{
	margin: 0;
	padding: 0;
}

div.popup .wide{
	width: 99%;
}

div.popup p{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

div.popup img{
	float: left;
	margin: 0 10px 0 0;
}

div.popup h1{
	margin: 0 0 10px 0;
	padding: 0;
}

#userbars,
#mailbox,
#neighbours,
#quiz,
#gallery,
#event{
	margin: 30px 30px 30px 30px;
}

#userbars p.userbars-info{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
}

#userbars ol{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#userbars ol li{
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
}

#userbars ol li img{
	margin-bottom: 5px;
}

#userbars ol li textarea{
	display: block;
	width: 500px;
}

#welcome{
	margin-top: 20px;
	text-align: center;
}

#welcomeBar{
	display: inline; /* ie hack */
	display: inline-block;
	cursor: pointer;
	background-image: url(welcome.png);
	width: 828px;
	height: 425px;
}

/* User profile box */

.profileContainer{
	float: left;
	width: 100%;
}

.profile{
}

.p_t{
	display: block;
	background-image: url(/profileImages/t.png);
	height: 40px;
}
.p_t_container{
	padding-top: 20px;
}
.p_t_container a{
	font-weight: bold;
	color: black;
	text-decoration: none;
}
.p_tl{
	background-image: url(/profileImages/tl.png);
	background-repeat: no-repeat;
	padding-left: 40px;
}
.p_tr{
	background-image: url(/profileImages/tr.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 40px;
}
.p_f{
	background-image: url(/profileImages/fill.png);
	background-repeat: repeat-x;
	background-color: white;
	background-position: center bottom;
}
.p_f_left{
	float: left;
	width: 320px;
	border-right: 1px solid silver;
}
.p_f_left_legend{
	display: inline-block;
	width: 80px;
}
.p_f_right{
	margin-left: 340px;
}
.p_f_right p{
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
}
.p_f .userphoto_img_container{
	border: 1px solid silver;
	float: left;
	width: 102px;
	margin-right: 10px;
}
.p_f .userphoto_img{
	border: 1px solid white;
}
.p_f ol{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.p_f ol li{
	margin: 0;
	padding: 0;
	padding-bottom: 2px;
}
.p_l{
	background-image: url(/profileImages/l.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 40px;
}
.p_r{
	background-image: url(/profileImages/r.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 40px;
}
.p_b{
	background-image: url(/profileImages/b.png);
	height: 40px;
}
.p_bl{
	background-image: url(/profileImages/bl.png);
	background-repeat: no-repeat;
	padding-left: 40px;
}
.p_br{
	background-image: url(/profileImages/br.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 40px;
}

#languages{
	float: right;
	margin-top: 5px;
	margin-right: 10px;
}

.addPhotoIcon{
	color: gray;
	cursor: pointer;
	display: inline; /* ie hack */
	display: inline-block;
	width: 46px;
	height: 41px;
	text-align: center;
	padding: 15px;
	padding-top: 20px;
	background-image: url(photo-button.png);
}

.help-group{
	margin-bottom: 20px;
}

.help{
	margin: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid silver;
	background-color: #ffffe0;
}

.help-info{
	margin: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px;
	font-weight: bold;
	border: 2px solid silver;
	background-color: white;
}

#languages a,
#welcome a,
a.interface{
	text-decoration: none;
}

img.photoThumbGroup{
	width: 100px;
	height: 130px;
}

img.photoThumbGallery{
	border: 1px solid white;
	width: 100px;
	height: 100px;
}

#bottomBar{
	border-top: 1px solid #e0e0e0;
	background-color: #f5f5f5;
	padding: 10px;
	padding-left: 20px;
}

.messages ol
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.messages ol li
{
	margin: 0;
	padding: 0;
}

.messages div.content .empty,
.messages div.number{
	font-size: 26px;
}

.messages div.number
{
	float: left;
	width: 40px;
	text-align: right;
	font-weight: bold;
	color: #e0e0e0;
}

.messages div.content
{
	border-left: 1px solid #e0e0e0;
	padding-top: 8px;
	padding-bottom: 4px;
	margin-left: 42px;
	padding-left: 10px;
	margin-bottom: 15px;
}

.messages div.messageFooter,
.messages div.messageFooter a,
.messages div.messageFooter a:link,
.messages div.messageFooter a:hover,
.messages div.messageFooter a:active,
.messages div.messageFooter a:visited{
	color: gray;
}

.messages  div.messageFooter{
	margin-top: 3px;
}

.messages div.messageFooter a{
	font-weight: bold;
	text-decoration: none;
}

.messages .mfAuthor{
}

.messages .mfSubmitTime{
	color: #a0a0a0;
}


.bottomCommentsFirst{
	width: 500px;
	float: left;
}

.bottomCommentsFirst .textAreaContainer{
	background-image: url(/comment-bg.gif);
	width: 500px;
	height: 100px;
}

.bottomCommentsFirst .textAreaContainer textarea{
	border: 0px;
	background-color: white;
	margin: 10px;
	margin-top: 20px;
	width: 480px;
	height: 70px;
}


.bottomCommentsSecond{
	padding: 10px;
	margin-left: 500px;
}

.ebmContainer{
	float: left;
	width: 100%;
}

#messagesMoreButton{
	text-align: right;
}

#navigator{
	background-color: silver;
	border-top: 1px solid white;
	background-image: url(menuImg/bg.png);
	background-repeat: repeat;
	height: 41px; /* musi byc, bo sie rozwala */
}

#navigator ol,
#navigator ol li{
	margin: 0;
	padding: 0;
}

#navigator ol{
	margin-top: 0px; /* Zwiekszyc razem z #navigator->height aby zwiekszyc navigator */
	list-style-type: none;
}

#navigator ol li{
	background-image: url(menuImg/off.png);
	float: left;
	line-height: 41px;
	width: 120px;
}

#navigator ol li.navLast{
	width: 140px;
}


#navigator ol li.navActive{
	background-image: url(menuImg/on.png);
}

#navigator ol li div{
	background-repeat: no-repeat;
	padding-top: 15px;
	line-height: 26px;
	text-align: center;
	text-indent: 16px;
}

#navigator ol li div{
	background-image: url(menuImg/offoff.png);
}

#navigator ol li div.navFirst{
	background-image: url(menuImg/loff.png);
}

#navigator ol li.navActive div{
	background-image: url(menuImg/offon.png);
}

#navigator ol li.navAfterActive div{
	background-image: url(menuImg/onoff.png);
}

#navigator ol li.navActive div.navFirst{
	background-image: url(menuImg/lon.png);
}

#navigator ol li div.navLast{
	padding-top: 0px;
}

#navigator ol li div.navLast div{
	text-indent: 0px;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url(menuImg/roff.png);
}

#navigator ol li.navActive div.navLast div{
	background-image: url(menuImg/ron.png);
}

#navigator a,
#navigator a.link,
#navigator a.hover,
#navigator a.active,
#navigator a.visited{
	zoom: 1; /* ie hack */
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	color: #505050;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

#navigator h2{
	font-size: 24px;
	font-weight: none;
	line-height: 41px;
	float: right;
	padding-right: 10px;
	text-transform: uppercase;
}

#neighbours{
	padding-right: 300px;
	background-image: url(icon-neighbours.png);
	background-repeat: no-repeat;
	background-position: right 30px;
}

#neighbours ol,
#neighbours ol li{
	margin: 0;
	padding: 0;
}

#neighbours ol{
	list-style-type: none;
}

#neighbours ol li{
	margin-bottom: 20px;
}

#neighbours ol li .userphoto_img{
	float: left;
}

#neighbours ol li div{
	margin-left: 120px;
}

#neighbours ol li ul li{
	margin: 0;
	padding: 0;
}

/* mailbox */

#mailbox{
	padding-right: 300px;
	background-image: url(icon-messages.png);
	background-repeat: no-repeat;
	background-position: right 30px;
}

a.messageButton{
	text-decoration: none;
	font-weight: normal !important; /* poprawic */
	border-bottom: 1px dotted gray;
	display: inline; /* stupid ie hack */
	display: inline-block;
}

#welcomeBarRandom,
#welcomeBarLast{
	padding: 10px;
	background-color: #f0f0f0;
}

#welcomeBarRandom .wrapper1,
#welcomeBarLast .wrapper1{
	height: 45px;
	width: 100%;
	overflow: hidden;
}

#welcomeBarRandom .wrapper2,
#welcomeBarLast .wrapper2{
	width: 2000px;
	overflow: hidden;
}

#welcomeBarRandom img,
#welcomeBarLast img{
	border: 1px solid white;
}

#welcomeBarRandom .imgOuter,
#welcomeBarLast .imgOuter{
	float: left;
	border: 1px solid silver;
	margin-right: 5px;
}

#welcomeBarRandom a,
#welcomeBarLast a{
	text-decoration: none;
}

#welcomeBarLast{
	border-top: 1px solid white;
}

#welcomeBarRandom{
	border-top: 1px dotted white;
}

.postMailButton{
	display: inline; /* stupid ie-hack */
	display: inline-block;
	text-decoration: none;
	margin-top: 10px;
	font-size: 10px;
	border-bottom: 1px dotted black;
}

/* gallery */

/*

#gallery ol{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#gallery ol li{
	float: left;
	margin: 0;
	padding: 0;
	margin: 10px;
}

#gallery ol li .imgContainer{
	border: 1px solid gray;
}

#gallery ol li a{
	text-decoration: none;
}

#gallery ol li h4{
	text-align: center;
	display: none;
}

#gallery ol li h4.editMode{
	display: block;
}
*/
h1 a{
	text-decoration: none;
}

.galleryPhotos ol{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	list-style-type: none;
}

.galleryPhotos ol li{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.galleryPhotos ol li .imgContainer{
	border: 1px solid gray;
}

.galleryPhotos ol li h4{
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100px;
	line-height: 22px;
	height: 22px;
}

.galleryPhotos ol li h4 a{
	height: 22px;
	color: black;
	text-align: center;
	text-decoration: none;
	display: block;
	position: relative;
	overflow: hidden;
}


/* Labeled on bar */

#labeledOnBar{
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid white;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#labeledOnBar .labeledOnBarTitle{
	float: left;
	font-size: 16px;
	color: #909090;
	width: 300px;
}

#labeledOnBar .labeledOnBarTitle a{
	color: #505050;
	font-size: 12px;
	border-bottom: 1px dotted #505050;
}

#labeledOnBar .labeledOnBarContent{
}

#labeledOnBar .wrapper1{
	height: 45px;
	width: 100%;
	overflow: hidden;
}

#labeledOnBar .wrapper2{
	width: 2000px;
	overflow: hidden;
}

#labeledOnBar img{
	border: 1px solid white;
}

#labeledOnBar .imgOuter{
	float: left;
	border: 1px solid silver;
	margin-right: 5px;
}

#labeledOnBar a{
	text-decoration: none;
}

/* Gallery select & other */

.galleryPhotos{
}

.gallerySelect{
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #eaeaea;
	float: right;
}

.gallerySelect ol{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.gallerySelect ol li{
	list-style-type: none;
	margin-bottom: 15px;
}

.gallerySelect ol li img{
	height: 40px;
	margin-right: 5px;
}

.gallerySelect ol li h3 a{
	text-decoration: none;
}

.galleryPhotosContainer{
	margin-right: 250px;
}

/* sipex */

.sipex{
	text-align: center; /* stupid ie hack */
	margin: 0px auto 0px auto;
	margin: 20px;
	color: gray;
}

.sipex ol{
	text-align: left;
	display: inline; /* stupid ie hack */
	display: inline-block;
	margin: 0;
	padding: 0;
}

.sipex ol li{
	display: inline; /* stupid ie hack */
	display: inline-block;
	padding: 0;
	margin: 2px;
	border: 1px solid silver;
}

.sipex ol li a{
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	color: gray;
}

.sipex ol li.active a{
	color: black;
	font-weight: bold;
}

.sipex ol li a{
	text-decoration: none;
}

/* events */

#event .eventMembersList{
	margin-top: 20px;
}

#event h2{
	display: inline; /* stupid ie-hack */
	display: inline-block;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #eaeaea;
}

/* memberList */
ol.memberList{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ol.memberList li{
	margin: 0;
	padding: 0;
	margin-right: 10px;
	float: left;
}

/* signature */

div.signature{
	display: inline; /* stupid ie-hack */
	display: inline-block;
	border: 1px solid silver;
}

div.signature a{
}

div.signature img{
	border: 1px solid white;
	height: 50px;
}