#navbar{
margin-left: 40px;
padding:5px;
/*text-align: center;*/
}

#navbar a{
 font-size: 12pt;
}
 
			 .inlineblock{
			  width:80px; 
				height:70px; 
				
			 	background-color: #fbfbfb;  
				display: inline-block; 
				padding: 5px;
				text-align: center;
				text-size: small;
				color:black;
				margin-right: 3px;
			/*	border: 1px solid black; */
			 }
			 
			 .inlineblock a{
			  color:black;
				font-size:11px;
			 }
			 
			 .icon{
			  width:32px;
				height:32px;
				cursor: hand;
				
			 
			 }
		 

.porcDiv{ 

margin:20px;
text-align:center;

}

.porcDiv a{ 
/*font-size: 10px; */
border: 1px solid #DDD;
padding: 5px;
margin-right:2px;
background-color: #EEE;
text-decoration: none;
margin-right: 2px;
margin-right: 2px;


}

.porcDiv a:hover{ 
/*font-size: 10px; */
 
background-color: #DDD;
text-decoration: none;
}

 
.porcDiv a.selected{ 
/*font-size: 10px; */
 background-color: #DDD;
 
}


/* animal messages wiadomości od zwierąt*/
	.msgbox{
	position:fixed; 
	bottom: 3px;
	right: 3px;
	padding: 5px;
	background-color: #ffffca; 
	width: 160px;
	height: 100px;
  border: 1px solid #d7d700; 
	display:none;
	font-size:11px;
	z-index: 30;
	}


/***************** LIGHT BOX DIV ************************/
 .lightDiv {
	display: block; 
	top: 0; 
	left: 0; 
	position: fixed; 
	filter: alpha(opacity=80, style=0);
	-moz-opacity: 0.8;
	opacity: 0.8;
	background-color: black; 
	color: white;
	z-index: 31;
	width: 100%; 
	height: 100%; 
	text-align: center;
}


/********************************************************/


.topmenudiv
{
text-align: right; 
padding: 5px; 
background-color: #E5E5E5;
height:30px;
/*background-image: url("http://zwierzofotka.pl/css/mod_background.PNG");
*/
border-top: 3px solid gray;
border-bottom: 3px solid gray;
margin-bottom: 15px;
padding-bottom: 5px;



}


/*********************************************************************/
.menuUl
{

 list-style-type:none;
 padding: 5px;
 padding-left:2px;
 margin:0px;
 background-image: url("http://zwierzofotka.pl/css/mod_background.png");
}


.menuUl li
{

 list-style-type:none;
 border-bottom: 1px dotted gray;
 padding:4px;
}


/********************************************************************/


.nothing {
	color: rgb(110,110,110);
}


.panelTitle
{
text-align:center;
display: block;
 background-color:#F5FAFA;  
 border: 1px solid rgb(220,220,220);
padding: 3px;
padding-top:4px;
padding-bottom:4px;

color: #333333;
/*background-image: url("http://zwierzofotka.pl/css/paneltitle.png");
*/
}

 

textarea {
	background-color: rgb(250,250,250);
}


.mainContainer{
 	background-color: rgb(255,255,255);
 
	/* padding-top: 20px; */
	
	 
	padding-bottom:0px;
	padding-top:20px;
	/*border: 1px solid black;
  */
	

}

#formValid {
	color:red;
}

.scoreDiv{
	margin: 10px;
	
	}

#emotsContainer{
 width:350px;
}

a img {
border: none;
}

 
.footerDiv
{
 
 float: none;
 clear: both;
 height: 105px;
 padding: 10px;
 text-align: center;
 border: 1px solid #aeccec;
 font-size: 11px;
 background-image: url("http://zwierzofotka.pl/css/mod_background.png");
}



.footerDiv div{text-align: left; width: 110px; float:left; border-left: 1px dotted gray; padding:5px;}


.smallButton{
	width:15px; 
	height:15px;
	border: none;
	margin-right: 2px;
	}

.singlecomment_0{
 
 margin-bottom: 5px;
 padding:6px;
 
}

.singlecomment_1{
 
 margin-bottom: 5px;
 background-color: rgb(245,245,245);
 padding:6px;
 
}

.commentDiv{
/* border-bottom: 1px solid rgb(100,100,100);*/
 
}

.commentText{
/*	width: 100%; */
width: 425px;
}

.commentDiv textarea{
/*	width: 100%; */
	height: 100px;
	width: 425px;
 
}

/************************************   TOP   *********************************************/
.topContainer{
 
 /*background-color: #50a0a0 ; 
 */
 
/* background-color: #983512 ; 
 */
 
 background-color: #01AFD2; 
 
 float: none;
 padding: 10px;
 height:88px;
 
  
  
 
}
 
 

/************************************ OBRAZKI **************************************/
   
.leftModule{padding-left: 7px; margin-bottom: 20px; width:160px;}
.moduleText{font-size:11px;}

.leftModuleTitle
{
margin-bottom: 5px; 
font-weight: bold; 
font-size: 17pt; 
text-align: center;
background-color: #50d1e7;
color: #444444;
padding:5px;

	background-color: transparent;

/*	background-image: url(http://ost/zwierzofotka/templates/gfx/titlegradient.png);
*/
	background-repeat: repeat-x;



	background-position: center center;

	


	/*background-color: #f6f6f6;  
	*/

	padding: 5px; 
	margin-bottom: 3px; 
 
	 
 
}


.leftModuleItem  
	{ 


	padding:5px;

	background-color: transparent;

	background-image: url("http://zwierzofotka.pl/templates/gfx/amod.png");

	background-repeat: no-repeat;

	

 	width: 160px;



	/*background-color: #f6f6f6;  
	*/

	padding: 5px; 
	margin-bottom: 3px; 
	 
	min-height: 55px;
	}



.leftModuleItem a img {border: 1px solid black;}
 


/******************************** EXTENSION **************************************************/
.ctrCont{
	 width: 500px;
	 height: 250px;
}

.ctrTitle{
	width: 100%;
	 width: 500px;
}

.extDiv{
 margin-bottom:3px;
 margin-top:2px;
 width: 100px%;

}

/*******************************************************************************************************************************************/



.liteText{
 color: rgb(100,100,100);
 font-size: 8pt;
}

.messageTable{
  width:100% ;
}

.messageTable thead td
{
 font-weight: bold;
}

.formParam
{
 font-weight: bold;
 margin-bottom: 2px;
}

.formValue
{
 margin-bottom: 7px;
 padding-left: 5px;
 
}

.phtSign{
 text-decoration: italic;
 font-size: 10px;
 text-align: center;
  
}

 

.animalPageTitle
{
 text-align: center;
 font-size: 20pt;
 font-weight: bold;
 color: rgb(0,0,0);
 /*border-bottom: 2px solid rgb(100,100,100); */
 margin-bottom: 10px;
 
}


body 
{
 width: 960px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 margin-bottom: 0px;

 font-size: 12px;
 font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;  


 padding-top: 20px;
 /*background-color: #004566;
*/
 background-color: #202020;

 }


.mainPageCatPhtLine
{
 padding-left:20px; 
 margin-top: 0px; 
 margin-bottom: 0px;
 padding: 4px;
 	padding:5px;

	background-color: transparent;
/*
	background-image: url(http://localhost/zwierzofotka/templates/gfx/catsgradient.png);
*/
	 
	 




	 background-color: #fAfAfA;  
	 

	padding: 5px; 
	margin-bottom: 3px; 
	 
 
  height: 44px; 
 }
 
 
 .mainPageCatPhtLine img{
  border: 1px solid black;
	
 }

.profileSmallPht{
 margin-top: 1px;
 margin-right: 2px;
 margin-bottom: 1px;
} 
 
.emot {border: none;}

a.softlink {color: rgb(0,0,0); font-size: 11px;}
a.softlink:hover {color: rgb(100,100,100); }
 


.animalCtrFormTextarea{
	width: 800px;
	height: 100px;
	font-size: 11px;
}

.goodMsg{
 color: #00c431;
 font-weight: bold;
 border: 1px dotted #00c431;
 padding:5px;
 text-align: center;
 margin-bottom:3px;

}

 


.errorMsg{
 color: red;
 font-weight: bold;
 border: 1px dotted red;
 padding:5px;
 text-align: center;
margin-bottom:3px;

}
a  
{

	 
text-decoration: none;
	
	color: #00738d;
	font-weight: bold;

}

a:hover  

{


color: #00738d;
text-decoration: underline;
font-weight: bold;

}

.tytul a  

{

font-weight: bold;

color: #00748d;

}




.contentContainer
{
 height:auto;

}


.leftPanelDiv
{
  width: 180px;
  
  float:left;
	clear: left;
  padding-left: 2px;
   
}

.middlePanelDiv
{
  width: 550px;
  float: left;
  padding-left: 30px;
  
  text-align: left; 
 
}

.rightPanelDiv
{ 
  width: 150px;
 /* border: solid 1px black; */
  float: left;
  padding-left: 7px;
  
  
}