HTML,BODY {
		margin				: 0 auto;
		text-align			: center;
        font-family         : Arial, Verdana, Helvetica, sans-serif;
		font-size		    : 12px;
		background-color	: #ffffff;
		}
table{
    font-family         : Arial, Verdana, Helvetica, sans-serif;
		font-size		    : 12px;
}
DIV.main {
        position            : relative;
		margin				: 0 auto;
		width				: 1000px;
		text-align			: left;
		background  	    : url(../img/bg.jpg) repeat-y;
		border				: 0px solid red;
		}
        
a:active, a:focus{
        outline             :none; 
        }

#dot{
        width               : 2px;
        height              : 0px;
        line-height         : 0px;
        color               : #fef8d2;
}
/******************BASE DIV***********************/

DIV.header{
		height				: 109px;
		background      	: url(../img/header.jpg) no-repeat center;
		border				: 0px solid red;
		}

A.logo{
		position			: absolute;
		width				: 100px;
		height				: 75px;
		margin				: 20px 0 0 105px;
		border				: 0px solid red;
		}
		
DIV.container{
        width               : 1000px;       
		border				: 0px solid red;
		}

/**********************CONTAINER DIV************************/

DIV.left{   
		width			    : 69px;
		float			    : left;
        border				: 0px solid red;
}

DIV.left DIV.cont{
        position            : relative;
		font-family         : Arial, Verdana, Helvetica, sans-serif;
		font-size		    : 12px;
		height			    : 420px;
		background  	    : url(../img/ikonok.jpg) no-repeat top;
}

DIV.left DIV.cont1{
        position            : relative;
        height			    : auto;
        border              : 0px solid black;
}

DIV.center{
        width			    : 671px;
		float			    : left;
		background-color    : #fef8d2;
		border              : 0px solid black;
}

DIV.center DIV.cont{
        margin              : 15px 0 0 0;
		font-family         : Arial, Verdana, Helvetica, sans-serif;
		font-size		    : 12px;
		text-align		    : left;
		background-color    : #fef8d2;
		border              : 0px solid black;
}

DIV.right{
        width			    : 250px;
		float			    : right;
}
 
DIV.right DIV.cont{
        position            : relative;
		height		      	: auto;
        font-family         : Arial, Verdana, Helvetica, sans-serif;
		font-size	    	: 12px;
        border              : 0px solid black;
}

/*******************FOOTER*********************/

DIV.footer{
        position            : relative;
		height		        : 80px;
		clear		        : both;
		background          : url(../img/footer.jpg) no-repeat bottom;
        z-index             : 30;		
}

div.chat_keret{
        position			: relative;
		margin				: 200px 0 0 0px;
		width				: 185px;
        text-align          : left;
		border				: 1px solid black;    
}
div.chat_title{
        position			: relative;
        padding-top         : 2px;
		width				: 185px;
        height              : 20px;
		vertical-align		: top;
        background          : aqua;
		border				: 0px solid black;    
}
div.chat_0_0{
        position			: relative;
		width				: 184px;
        height              : 17px;
        background  	    : url(../img/chatbg_0_0.jpg) no-repeat top;
		border				: 1px solid black;    
}
div.chat_0_1{
        position			: relative;
		width				: 184px;
        height              : 17px;
        background  	    : url(../img/chatbg_0_1.jpg) no-repeat top;
		border				: 1px solid black;    
}
div.chat_0_2{
        position			: relative;
		width				: 184px;
        height              : 17px;
        background  	    : url(../img/chatbg_0_2.jpg) no-repeat top;
		border				: 1px solid black;    
}
div.chat_1_0{
        position			: relative;
		width				: 184px;
        height              : 17px;
        background  	    : url(../img/chatbg_1_0.jpg) no-repeat top;
		border				: 1px solid black;    
}
div.chat_1_1{
        position			: relative;
		width				: 184px;
        height              : 17px;
        background  	    : url(../img/chatbg_1_1.jpg) no-repeat top;
		border				: 1px solid black;    
}
div.chat_1_2{
        position			: relative;
		width				: 184px;
        height              : 17px;
        background  	    : url(../img/chatbg_1_2.jpg) no-repeat top;
		border				: 1px solid black;    
}

DIV.wta{
        position            : relative;
        padding             : 30px 0 0 0;
        background-color	: #fef8d2;     		
}

/*******************LOGIN*********************/

DIV.login{
        position			: absolute;
		margin				: 50px 0 0 325px;
		width				: 100px;
		vertical-align		: top;
		border				: 0px solid black;
		}

DIV.login_forget{
        font-size           : 12px;
        position			: absolute;
		margin				: 48px 0 0 480px;
		width				: 140px;
		vertical-align		: top;
		border				: 0px solid black;
		}
DIV.language{
        font-size           : 10px;
        position			: absolute;
		margin				: 48px 0 0 640px;
		width				: 80px;
		vertical-align		: top;
		border				: 0px solid black;
		}
DIV.error{
        font-size           : 14px;
    	position			: absolute;
		margin				: 4px 0 0 300px;
        width				: 100px;
        color               : red;
        font-weight         : bold;
		border				: 0px solid black;
		}

DIV#log_text1{
		font-family     	: Arial, Verdana, Helvetica, sans-serif;
		font-size			: 10px;
		margin-right		: 17px;
		margin-left			: 10px;
		margin-top			: 5px;
		vertical-align		: middle;
		border				: 0px solid black;
		}

DIV#log_text2{
		font-family     	: Arial, Verdana, Helvetica, sans-serif;
		font-size			: 10px;
		margin-right		: 5px;
		margin-left			: 10px;
		margin-top			: 0px;
		vertical-align		: middle;
		border				: 0px solid black;
		}

/*******************BUTTON*******************/

DIV.login_button{
   		font-size		    : 9px;
        }
        
DIV.logout{
        position			: absolute;
		margin				: 50px 0 0 270px;
		width				: 500px;
		vertical-align		: top;
		border				: 0px solid black;
		} 
DIV.language_out{
        font-size           : 10px;
        position			: absolute;
		margin				: 65px 0 0 685px;
		width				: 70px;
		vertical-align		: top;
		border				: 0px solid black;
		}  
#login_button{
        color               : maroon;
        font-size		    : 9px;
        text-align          : center;
        vertical-align      : middle;
        font-weight         : bold;
}
        
DIV.logout_button{
		vertical-align      : top;
		font-size		    : 9px;
        float               : left;
        border			    : 0px solid black;
        }

#logout_button{
        color               : maroon;
        font-size		    : 9px;
        vertical-align      : middle;
}

DIV#logout_text{
        width			    : 400px;
        padding-left        : 10px;
        color               : maroon;
		float			    : left;
        border			    : 0px solid red;
}

DIV#forget_psw{
        float			    : left;
        border				: 0px solid black;
}

DIV#right_menu, DIV#right_menu:visited{
        font-size           : 16px;
        width               : 180px;
        margin              : 1px 0px 1px 0px;
        padding             : 2px 0px 2px 5px;
        color               : #000000;
        background-color    : #fef8d2;
        border              : 1px solid black;
}
DIV#right_menu:hover{
        font-size           : 16px;
        width               : 180px;
        margin              : 1px 0px 1px 0px;
        padding             : 2px 0px 2px 5px;
        color               : #000000;
        background-color    : #c0eafe;
        border              : 1px solid red;
}
/*****************INPUT BOX*************************/
INPUT.log_input{
        width			    : 90px;
        font-size		    : 8px;
}

INPUT.inputbox_200{
		width				: 200px;
		border				: 0px solid black;
		}

DIV.input{
        width			    : 90px;
        font-size		    : 9px;
}

DIV.input_dog{
        font-family         : Arial, Verdana, Helvetica, sans-serif;
        width			    : 250px;
        font-size		    : 11px;
}

DIV.prop_input_dog{
        font-family         : Arial, Verdana, Helvetica, sans-serif;
        width			    : 370px;
        font-size		    : 11px;
}

.input2{
        width			    : 150px;
        font-size		    : 9px;
}

.input3{
        width			    : 15px;
        font-size		    : 9px;
}

.input5{
        width			    : 30px;
        font-size		    : 9px;
}

DIV#log_input1{		
   		border			    : 0px solid #000000;
   		font-size           : 15px;
}

DIV#log_input2{	
   		border			    : 0px solid #000000;
}

#logout_text{
		float			    : left;
}
        
/******************LINK***********************/

a{
        text-decoration     : none;
}
	
.date_title{
	  	float			    : left;
		width			    : 120px;
		border			    : 0px solid #000000;
}



#registrate{
		font-family         : Arial, Verdana, Helvetica, sans-serif;
		font-size		    : 12px;
		padding-left      	: 25px;		
}

#registry{
		padding-left	    : 20px;
}


 


.trafic{
	    position            : relative;
	    margin-left         : 830px;
		vertical-align      : bottom;
}

.anunt{
		float			    : left;
        padding		       	: 5px 20px 20px 10px;
    	height		       	: 160px;
		width		       	: 550px;
        font-family         : Arial, Verdana, Helvetica, sans-serif;
		font-size	    	: 12px;
		text-align	       	: justify;
}

.galery{
        background-color    : #fee6c0;
        text-align          : center;
}

/********************PROFILE**********************/
.line{
		height			    : 2px;
		width			    : 671px;
		background-color    : #990100;
        line-height         : 0px;
        font-size           : 0px;
        border              : 0px solid black;
}

.online{
		clear			    : both;
		height			    : 35px;
		width			    : 671px;
		border			    : 0px solid black;
}

.online_info{
        font-family         : Arial, Verdana, Helvetica, sans-serif;
		font-weight		    : bold;
		font-size		    : 11px;
		padding-top	      	: 5px;
        width		     	: 100px;
        float		     	: left;
}

.online_info1{
    	font-family         : Arial, Verdana, Helvetica, sans-serif;
		font-weight	      	: bold;
		font-size	    	: 11px;
		padding-top	      	: 11px;
        width		     	: 150px;
        float		     	: left;
}

.online_info2{
    	font-family         : Arial, Verdana, Helvetica, sans-serif;
		font-weight	      	: bold;
		font-size	    	: 11px;
		padding-top	      	: 11px;
        width		     	: 150px;
        float		     	: left;
}

.break{
        height			    : 20px;
        background-color    : #fef8d2;/*fef8d2*/
        width			    : 671px;
        clear		     	: both;
        border		    	: 0px solid black;
}
.break_blue{
        height			    : 20px;
        background-color    : #c0eafe;/*fef8d2*/
        width			    : 620px;
        clear		     	: both;
        border		    	: 0px solid black;
}
.profile_show{
		min-height		    : 255px;
        height		      	: auto;
  		border		    	: 0px solid black;
}

td.profiltd, td.pendingtd{
    	padding		      	: 0px 0px 0px 0px;
        margin              : 0px 0px 0px 0px;
        border	     		: 0px solid black;
}

td.vertbrake{
    	padding		      	: 0px 0px 0px 0px;
		width	    		: 2px;
}

td{
		padding			    : 10px 10px 10px 10px;
}

tr{
		padding		     	: 5px 5px 5px 5px;
}

h3{
		vertical-align	    : top;
}
.photo{
		padding			    : 10px 0 0 10px;
		height		      	: auto;
		width		       	: 185px;
		float		       	: left;
		border		      	: 0px solid black;
}

.verticalbreak{
		height		      	: auto;
		width	    		: 15px;
		float	    		: left;
		border	       		: 0px solid black;
}

.person_date{
    	padding		      	: 10px 0 0 10px;
		height		      	: auto;
		width	    		: 400px;
		float	    		: left;
		border	       		: 0px solid black;
}

.showprofile{
		position		    : relative;
        background-color    : #fef8d2;
		height		      	: auto;
		width		       	: 671px;
		border		      	: 0px solid red;
		clear	    		: both;
}

.showprofile img {
    	float               : left;
        border              : none;
        margin-right        : 4px;
}

.pending_show_title{
        width		     	: 671px;
        clear		     	: both;
        border		    	: 0px solid black;
}

.pending_show{
        position		    : relative;
        clear			    : both;
        border			    : 0px solid green;
        width		     	: 671px;
}

.pending_show img {
        float               : left;
        border              : none;
        margin-right        : 4px;
}

/*********************MEMBER***************************/

.profil_a{
		float			    : left;
  		margin	     	    : 10px 10px 0 0px;
        background-color    : #fef8d2;
		height	       	    : 81px;
		width			    : 210px;
		vertical-align    	: top;		
		border              : 0px solid black;		
}

.profilahead{
		position		    : relative;
        background  	    : url(../img/profile1_header.jpg) repeat-x;
		height		      	: 3px;
		width			    : 210px;
        line-height         : 0px;
        font-size           : 0px;		
}

.profilacenter{
        background-color    : #c0eafe;
        text-align          : left;
        height		    	: 75px;
        overflow: hidden;
        border              : 0px solid black;
}

.profilafooter{
        position	       	: relative;
		clear		       	: left;
        background      	: url(../img/profile1_header.jpg) repeat-x;
		height		      	: 3px;
		width		       	: 210px;
        line-height         : 0px;
        font-size           : 0px;
		
}

/***********************DOG***************************/

.profil_b{
		float		       	: left;
  		margin		    	: 10px 10px 0 0px;
        background-color    : #fee6c0;
		height		      	: 81px;
		width	    		: 210px;
		vertical-align    	: top;
		position	     	: relative;

}

.profilbhead{
		position	     	: relative;
        background      	: url(../img/profile1_header.jpg) repeat-x top;
		height	       		: 3px;
		width		       	: auto;
		vertical-align    	: top;
        line-height         : 0px;
        font-size           : 0px;
}

.profilbcenter{
        background-color    : #fee6c0;
        text-align          : left;
}

.profilbfooter{
        position	       	: relative;
		clear		       	: left;
        background      	: url(../img/profile1_header.jpg) repeat-x top;
		height		      	: 3px;
		width		       	: auto;
		vertical-align    	: top;
        line-height         : 0px;
        font-size           : 0px;
}

/*****************FRIENDS***************************/

.profil_a_friend{
  		margin		    	: 10px 10px 0 0px;
        background-color    : #c0eafe;
		height		      	: 81px;
		width		       	: 210px;
		vertical-align    	: top;
		position	     	: relative;

}
.profila_friendhead{
		position	       	: relative;
        background      	: url(../img/profile1_header.jpg) top;
		height		      	: 3px;
		width			    : auto;
		vertical-align	    : top;
}

.profila_friendcenter{
        background-color    : #c0eafe;
        text-align          : left;
}

.profila_friendfooter{
        position	       	: relative;
		clear		       	: left;
        background      	: url(../img/profile1_header.jpg) top;
		height	       		: 3px;
		width	    		: auto;
		vertical-align    	: top;
}

.relation_show{
        border              : 0px solid black;
    	clear               : both;
}

/*************************MAPELES***************************/

A.one {
        position            : absolute;
		top                 : 0; 
        left                : 0;
		margin              : 18px 0px 0px 13px;
		width               : 38px;
		height              : 40px;
		background-color    : transparent;
		border              : 0px solid yellow;
}

A.two {
		top                 : 0; 
        left                : 0;
		margin              : 65px 0 0 13px;
		position            : absolute;
		width               : 38px;
		height              : 40px;
		background-color    : transparent;
		border              : 0px solid yellow;
}

A.three {
		top                 : 0; 
        left                : 0;
		margin              : 114px 0 0 13px;
		position            : absolute;
		width               : 38px;
		height              : 40px;
		background-color    : transparent;
		border              : 0px solid yellow; 
}

A.four {
		top                 : 0; 
        left                : 0;
		margin              : 162px 0 0 13px;
		position            : absolute;
		width               : 38px;
		height              : 40px;
		background-color    : transparent;
		border              : 0px solid yellow; 
}

A.five {
		top                 : 0; 
        left                : 0;
		margin              : 210px 0 0 13px;
		position            : absolute;
		width               : 38px;
		height              : 40px;
		background-color    : transparent;
		border              : 0px solid yellow;
}

A.six {
		top                 : 0; 
        left                : 0;
		margin              : 258px 0 0 13px;
		position            : absolute;
		width               : 38px;
		height              : 40px;
		background-color    : transparent;
		border              : 0px solid yellow; 
}

A.seven {
		top                 : 0; 
        left                : 0;
		margin              : 306px 0 0 13px;
		position            : absolute;
		width               : 38px;
		height              : 40px;
		background-color    : transparent;
		border              : 0px solid yellow; 
}

A.eight {
		top                 : 0; 
        left                : 0;
		margin              : 356px 0 0 13px;
		position            : absolute;
		width               : 38px;
		height              : 40px;
		background-color    : transparent;
		border              : 0px solid yellow; 
}

/*litter*/

#vilagoskek{
		text-align		: center;
		float			: left;
		width			: 335px;
		background-color: #04ddfd;
}
#rozsaszin{
        text-align		: center;
		float			: left;
        width			: 335px;
		background-color: #fc82e7;
}
.litter{
		position		: relative;
		width			: 671px;
		margin			: 0;
		padding			: 0;
		vertical-align	: top;
		border			: 0px solid black;
}

.litter_date{
		position		: relative;
		width			: 671px;
		vertical-align	: top;
		border			: 0px solid black;
}

.litter_litter{
		position		: relative;
		clear			: both;
		width			: 600px;
		vertical-align	: top;
		border			: 0px solid black;
}

.litter_father{
		position		: relative;
		float			: left;
		width			: 300px;
		vertical-align	: top;
		border			: 0px solid black;
}
.litter_mother{
		
		float			: left;
		width			: 300px;
		vertical-align	: top;
		border			: 0px solid black;
}
.submit{
		text-align		: center;
		clear			: both;
		width			: 670px;
		vertical-align	: top;
		border			: 0px solid black;
}
		/*dogdate,litterdate*/

.lit_date{
        position		: relative;
		width			: 671px;
		vertical-align	: top;
		border			: 0px solid black;
		clear			: both;
}
.sex{
        float			: left;
		position		: relative;
		width			: 135px;
		height			: 30px;
		vertical-align	: top;
		border			: 0px solid black;
}


.lit_year{
        position		: relative;
		float			: left;
		width			: 200px;
		height			: 30px;
		vertical-align	: top;
		border			: 0px solid black;
}

.lit_month{
        position		: relative;
		float			: left;
		width			: 155px;
		height			: 30px;
		vertical-align	: top;
		border			: 0px solid black;
}

.lit_day{
        position		: relative;
		float			: left;
		width			: 100px;
		height			: 30px;
		vertical-align	: top;
		border			: 0px solid black;
}
/*cuib*/

.cuib_date{
        position		: relative;
		width			: 671px;
		vertical-align	: top;
		border			: 0px solid black;
		clear			: both;
}
.cuib_man{
        position		: relative;
		float			: left;
		width			: 300px;
		height			: 30px;
		vertical-align	: top;
		border			: 0px solid black;
}
.cuib_woman{
        position		: relative;
		float			: left;
		width			: 300px;
		height			: 30px;
		vertical-align	: top;
		border			: 0px solid black;
}




/*UPDATE_DOG*/
.update{
        position		: relative;
		width			: 671px;
		height			: 174px;
		vertical-align	: top;
		border			: 0px solid black;
		clear			: both;
}

.update_f{
        position		: relative;
		float			: left;
		width			: 300px;
		height			: 30px;
		vertical-align	: top;
		border			: 0px solid black;
}

.update_m{
        position		: relative;
		float			: left;
		width			: 300px;
		height			: 30px;
		vertical-align	: top;
		border			: 0px solid black;
}
/*ARBITRU FCI*/

#breeds1,#breeds2,#breeds3,#breeds4,#breeds5,#breeds6,#breeds7,#breeds8,#breeds9,#breeds10{
		width			: 300px;
		margin-left		: 25px;
		border			: 1px solid red;
		color			: maroon;
}
#breeds_text1,#breeds_text2,#breeds_text3,#breeds_text4,#breeds_text5,#breeds_text6,#breeds_text7,#breeds_text8,#breeds_text9,#breeds_text10{
		width			: 300px;
		margin-left		: 25px;
		border			: 0px solid red;
		color			: maroon;
}

/*INFO*/
.info_info, .success_success, .warning_warning, .error_error{
width: 500px;
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 100px;
background-repeat: no-repeat;
background-position: 10px center;
font-size: 12px;
}

.info_info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../img/info.png');
}
.success_success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../img/success.png');
}
.warning_warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../img/warning.png');
}
.error_error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../img/error.png');
}
/**************PAGINATION*******************/

    div.pagination{
	padding: 3px;
	margin: 3px;
	text-align:center;
	}
	 
	div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	text-decoration: none;  
	color: #000099;
	}
    
	div.pagination a:hover, div.digg a:active {
	border: 1px solid #c0eafe;
	color: #000;
	}
    
	div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #c0eafe;
	font-weight: bold;
	background-color: #c0eafe;
	color: #000099;
	}
    
	div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
	}
    
/**************PHOTOVIEW*******************/    
             
.popimage{
position: relative;
text-align: center;
z-index: 1;
}

.popimage:hover{
background-color: transparent;
z-index: 50;
}

.popimage span{ /*CSS for enlarged image*/
position: absolute;
background-color: #c0eafe;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.popimage span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.popimage:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: -150px; /*position where enlarged image should offset horizontally */
margin: 90px 0 0 0;
z-index: 50;
}
   
    
    
    /*
    div.pagination {
	  padding:3px;
	  margin:3px;
	  text-align:center;
	}
	 
	div.pagination a {
	  padding: 2px 5px 2px 5px;
	  margin-right: 2px;
	  border: 1px solid #ddd;
	   
	  text-decoration: none;
	  color: #aaa;
	}
	div.pagination a:hover, div.pagination a:active {
	  padding: 2px 5px 2px 5px;
	  margin-right: 2px;
	  border: 1px solid #a0a0a0;
	}
	div.pagination span.current {
	  padding: 2px 5px 2px 5px;
	  margin-right: 2px;
	  border: 1px solid #e0e0e0;
	  font-weight: bold;
	  background-color: #f0f0f0;
	  color: #aaa;
	}
	div.pagination span.disabled {
	  padding: 2px 5px 2px 5px;
	  margin-right: 2px;
	  border: 1px solid #f3f3f3;
	  color: #ccc;
	}*/

/*
.logo{
    vertical-align  : top;
	position		: absolute;
		float		: left;
		width		: 1000px;
		height		: 100px;
	background      : url(../img/header.jpg) no-repeat center;
}
*/