.red {
	color:#f84444;
}
div.friendsManageBlockNotVer {
	width: 256px !important;
	height: 62px;
	border: 1px solid #f84444;
	text-align: left;
	float: left;
	margin:3px;
}
/* zawiera definicje styli potrzebnych do contentu home page */

/* komorki z glownym podzialem strony */
div#hpLeft {
	padding: 0px 6px 4px 0px;
	text-align: left;
}

td#hpLeftTD {
	width: 174px;
}

td#hpRightTD {
	width: 595px;
	text-align: left;
}

td.hpSpacer {
	width: 1px;
    background-color: #A2A1A1;;
}

/* warstwa z komentarzami uzytkownikow */
div.hpUserComment {
	margin-top: 3px;
}

div.hpUserCommentText {
	background-color: #f3f3f3;
	margin-left: 53px;
	min-height:50px;
	height:auto !important;
	height:50px;
}

/* obrazek Zdjecie dnia */
img#hpDayPhoto {
/*	width: 150px;
	height: 128px;
*/	border: 3px solid #cdcdcd;
	margin: 4px 0px 1px 0px;
}

/* obrazki podobizn userow wykorzystywane w ostatnio dodanych komentarzach */
img.hpUserAvatar {
	width: 48px;
	height: 48px;
	border: 0px;
	margin: 0px 0px 3px 0px;
	vertical-align: text-top;
}



/* komorki z gorna tabelka - tam gdzie jest reklama albo "Krok po kroku" */
/* zapewnia odleglosci od lewej i od dolu dla gornej tabelki */
div#hpRightTop {
	padding: 0px 0px 4px 6px;
	text-align: left;
}

td#hpRightTopLeftTD {
	width: 226px;
}
/* zapewnia odleglosc od prawej polu "dodaj zdjecie" */
div#hpRightTopLeft {
	padding: 0px 13px 0px 9px;
	text-align: left;
}

td#hpTxtPageTD {
	width: 560px;
}

div#hpTextPage {
	padding: 15px 15px 0px 9px;
	margin-left:25px;
	text-align: left;
	width: 550px;
}

td#hpRightTopRightTD {
	width: 336px;
}
/* zapewnia odleglosc od lewej polu "Krok po kroku" */
div#hpRightTopRight {
	padding: 0px 0px 0px 6px;
	text-align: left;
}



/* komorki z dolna tabelka - tam gdzie sa komentarze i cos jeszcze */
/* zapewnia odleglosci od lewej i od dolu dla gornej tabelki */
div#hpRightBottom {
	padding: 0px 0px 4px 6px;
	text-align: left;
}

td#hpRightBottomLeftTD {
	width: 326px;
}
/* zapewnia odleglosc od prawej polu po lewej (komentarze?) */
div#hpRightBottomLeft {
	padding: 0px 6px 0px 0px;
	text-align: left;
}

td#hpRightBottomRightTD {
	width: 236px;
}
/* zapewnia odleglosc od lewej polu .... z czyms tam */
div#hpRightBottomRight {
	padding: 0px 0px 0px 6px;
	text-align: left;
}


/* klasy potrzebne do renderowania bloczka KROK PO KROKU */
div#beltGray {
	width: 100px;
	background-color: #5e5e5e;
	height: 6px;
	float:left;
}
div#beltGreen {
	width: 230px;
	background-color: #a2d13f;
	height: 6px;
	float: right;
	clear: right;
}

div.beltGrayLight {
	width: 330px;
	background-color: #ebebeb;
	height: 6px;
}

/* teksty w Krok po kroku */
.hpKpkCol1Type1 {
	color: #89C005;
	font-size: 30px;
}

/* lista ze opisem do nalezy robic by dodac zdjecie */
div#hpKpkWhatToDo {
	padding:6px 0px 10px 60px;
	line-height: 20px;
}



/* obrazki w bloku "Ostatnio dodane zdjêcia i albumy" */
img.hpLastAdded {
/*	width: 78px;
	height: 57px;
*/	border: 1px solid #000000;
	margin: 6px 8px 6px 0px;
}

/* warstwa obejmujaca blok zachety do rejestracji, ten z tlem */
div#hpRegister {
	background: #ffffff url('/webimg/bg_register.gif') no-repeat;
	width: 549px;
	height: 96px;
	margin-left: 5px;
	clear: both;
}

img.hpRegisterMarker {
	width: 9px;
	height: 9px;
	border: 0px;
	margin: 0px 4px 0px 0px;
}


/* warstwa z aktualnosci na pierwszej stronie */
div.hpNews {
	padding: 5px 0px 25px 0px;
	border-bottom: 1px solid #e7e7e7;
	clear: both;
}

/* data newsa z pierwszej strony */
div.hpNewsDate {
	float: left;
	padding: 1px 0px 0px 0px;
	margin-top: 5px;
	text-align: left;
}

/* zawiera link do "wiecej" w newsie */
div.hpNewsMore {
	margin-top: 5px;
	text-align: right;
	float: right;
	clear: right;
}


div.headertabChecked
{
	background-color:white;
	text-align:center;
	height:24px;
	width:110px;
	border-bottom:none;
	border-left:1px solid #A2A1A1 !important;
	border-top:1px solid #A2A1A1;
	border-right:1px solid #A2A1A1;
	text-decoration:none;
	padding:0px !important;
	font-size:larger !important;
	cursor:pointer;
}

div.headertabNormal
{
	background-image: url(http://www.fotosik.pl/webimg/gradient.jpg);
    background-repeat: repeat-x;
	text-align:center;
    height:20px;
	width:110px;
	border:1px solid #A2A1A1;
	text-decoration:none;
	padding:0px;
	font-size:larger;
	cursor:pointer;
}
div.headertabHover
{
	background-image: url(http://www.fotosik.pl/webimg/gradient_gr.jpg);
    background-repeat: repeat-x;
	text-align:center;
    height:20px;
	width:110px;
	border:1px solid #A2A1A1;
	text-decoration:none;
	padding:0px;
	font-size:larger;		
	cursor:pointer;
}
div.panelbox
{
	border:0px;
	border-left:1px solid #A2A1A1;
	margin:2px;
	margin-left:0px;
	margin-top:0px;
	height:1200px;
	width:530px;
	padding:15px;
}
.panelHeaderLine
{
	border-bottom:1px solid #A2A1A1;
	width:100%;
}