@charset "UTF-8";

/********************* HTML *********************/
	
h1 
	{ 
		font:1.2em arial,sans-serif;
		margin:0.5em 0;
		margin-top: 0px;
		font-weight:bold;		
	}

h2	
	{
		font:1.1em arial,sans-serif;		
		font-weight:bold;
		margin:0 0 0.3em;		
	}			
	
h3 
	{
		font:1em verdana,arial,sans-serif;
		margin:0 0 0.5em;
		font-weight:bold;			
	}		
	
.BoldLink
	{
		position: relative;
		font:1em verdana,arial,sans-serif;
		margin:0 0 0.5em;
		font-weight:bold;
		top: -10px;			
	}		
		
.DownLink
	{
		width:	100%;
		text-align: center;
		vertical-align: bottom;	
		margin-top: 5px;
		float: left;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
  	background-position: -208px -100px;	
	}		
	
/* Még működik, később visszatérek rá... */ 	
.DownButton
	{
		position:relative;
  	float:left;
  	width: 27px;
		height: 27px;
  	background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
  	background-position: -208px -100px;
  	cursor: pointer;
	}
	

ul
  {
    padding-left: 25px;   
  }

a
	{
		color: #3d7bb8;
	}

p
	{
		line-height: 1.3;
		margin-bottom: 10px;
	}
  
html 
	{
		font-family:arial,sans-serif;	
		font-size:small;		
		color: #333;
		background-color: rgb(244,244,244);		
	}	 
		  
/********************* DIV *********************/
.NoUnderline a
	{
		text-decoration: none;
	}		
	
.BottomBorder H2
	{
		border-bottom: solid;				
		border-color: #3d7bb8;
		border-width: 1px;		
	}		

.Container
	{		
		width: 930px;
		height: 100%;						
		position: relative;
		margin-left: auto ;
  	margin-right: auto ;
	}	
				
#LeftBar
	{			
		width: 160px;			
		float: left;
		border-right: solid;
		border-width: 1px;
		border-color: #3d7bb8;
	}
	
#RightBar
	{		
		width: 160px;	
		float: right;		
	}
	
#TopBar
	{
		position:relative;
		background-color: #ffffff;
		/* top:2px; */		
		height:43px;
		border-left: solid;		
		border-right: solid;
		border-width: 1px;
		border-color: #3d7bb8;
	}	
	
.Logo		
  {  	
  	position:absolute;
  	float:left;
  	width: 194px;
		height: 42px;  	
  	top: -2px;
  	left: 5px;
  	background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');  	 
  	background-position: -0px -76px;
  	cursor: pointer;
  }	 
  
.Logo_DE		
  {  	
  	position:absolute;
  	float:left;
  	width: 203px;
		height: 42px;
		top: -1px;
  	left: 5px;
  	background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
  	background-position: -0px -130px;
  	cursor: pointer;
  }  
  
.MenuBar
	{
		position:relative;		
		left:203px;						
		top:13px;
		max-height: 28px;
		z-index:10;
		font-size: 13px;
		text-align: center;
		font-weight: bold;
		color: white;
	}

.MenuBar_DE
	{
		position:relative;		
		left:215px;						
		top:13px;
		max-height: 28px;
		z-index:10;
		font-size: 13px;
		text-align: center;
		font-weight: bold;
		color: white;
	}

.NormalMenuItem_Old
	{
		position:relative;
		margin-right: 2px;
		float: left;			
		height: 30px;
		width: 89px;
		font-size: 12px;		
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -0px -42px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

.NormalMenuItem_Old:hover
	{
		font-size: 12px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');		
		background-position: -89px -42px;
		background-repeat: no-repeat;
	}
	
.SelMenuItem_Old
	{
		position:relative;
		margin-right: 2px;
		float: left;		
		color: white;
		width: 89px;
		height: 30px;
		font-size: 12px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -89px -42px;
		background-repeat: no-repeat;
		cursor: pointer;
	}			
	
.NormalMenuItem
	{
		position:relative;
		margin-right: 2px;
		float: left;				
		height: 30px;		
		background-color: #88c0f8;
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 12px 12px 0px 0px;
		cursor: pointer;
	}

.NormalMenuItem:hover
	{
		background-color: #3d7bb8;
	}
	
.SelMenuItem
	{
		position:relative;
		margin-right: 2px;
		float: left;		
		color: white;
		height: 30px;
		background-color: #3d7bb8;
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 12px 12px 0px 0px;
		cursor: pointer;
	}			
	
.SubMenuItem
	{
		position:relative;
		margin-right: 2px;
		float: left;
		/* padding-top: 8px; */
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		color: white;
		width: 160px;
		height: 26px;		
		background-color: #88c0f8;				 
		cursor: pointer;
		border-top: solid;		
		border-width: 1px;
		border-color: #FFFFFF;
	}	

.SubMenuItem:hover
	{
		background-color: #3d7bb8;
	}
	
.SubSelMenuItem
	{
		position:relative;
		margin-right: 2px;
		float: left;
		/* padding-top: 8px; */
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		color: white;
		width: 160px;
		height: 26px;		
		background-color: #3d7bb8;		 	
		cursor: pointer;
		border-top: solid;		
		border-width: 1px;
		border-color: #FFFFFF;
	}		

#FlagBar
	{
		float: right;		
		/* width: 196px; */
		height: 22px;						
		z-index:10;		
		margin-top: 12px;
		margin-right: 8px;
		border-width: 1px;
		border-style: solid;		
		border-color: #3d7bb8;
		background-color: #FFFFFF;
		border-radius: 4px 4px;
		
		box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);			
	}	  	
	
.FlagItem
	{
		float: left;
		text-align: center;
		width: 28px;
		height: 22px;
	}	
	
.Footer
	{
		position: relative;		
		float: left;		
		/* margin-top: 16px; */						
		clear:both;		
		text-align: center;
		vertical-align:middle;
		background-color: #3d7bb8;
		color:white;
		font-size: 11px;		
		width: 930px;
		height: 16px;
		/*
		
		height: 100px;
		*/
		/*
		border-bottom-left-radius: 4px 4px;
		border-bottom-right-radius: 4px 4px;
		*/
	}	
	
#MenuFooter	
	{
		position:relative;
		width:930px;				
		height:6px;		
		background-color: #3d7bb8;
		/* border-top-left-radius: 4px 4px; */				
		/* border-top-right-radius: 4px 4px; */			
	}
	
.GradientTop
	{
		position:absolute;
		width: 100%;
		height: 150px;
		background: -webkit-linear-gradient(top, #c4c4c4, #f4f4f4);		
		background: -moz-linear-gradient(top, #c4c4c4, #f4f4f4);
		background: -o-linear-gradient(top, #c4c4c4, #f4f4f4);
		background: -ms-linear-gradient(top, #c4c4c4, #f4f4f4);
	}	
	
.ShadowBox
	{		
		position:relative;		
		float: left;		
		box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.6);
	}	
			
.ContentBox
	{		
		position:relative;
		background-color: white;		
		border-style: solid;
		border-color: #3d7bb8;
		border-width: 1px;
		float:left;
		z-index: 0;
	}
	
#Content
	{		
		width:767px;
		float:left;		
		z-index: 1;
		border-style: none;
		border-left-style: solid;
		border-width: 1px;
		margin-left: -1px;
		min-height: 700px;
		border-color: #3d7bb8; 
		background-color: white;
	}	
	
.Footer a
	{
		color:white;
		text-decoration: none;
	}			

.TextFrame
	{
		position:relative;
		padding: 15px;
		min-height: 610px;
		background-color: white;
	}	 	
	
.MainTextFrame
	{
		position:relative;
		float: left;
		padding-left: 15px;
		padding-top: 15px;
		width: 360px;
		background-color: white;
	}	 	
	
#Example
	{
		position:relative;
		padding: 15px;		
		padding-bottom: 0px;
		float: left;
		max-width:360px;
	}		
	
#FormFrame
	{
		position:relative;
		float: left;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		width: 737px; 
		background-color: white;
	}			
			
/******************* AdSense ********************/
			
.SquareMainPageAdv
	{
		float: right;		
	}
	
.AdvLeft
	{		  
		width: 160px;
	}		
	
.AdvRight
	{		  
		position: absolute;		
		width: 160px;
		/* position: absolute; */ 
		bottom: 100%; 
		/* top: 200px; */
	}	
	
.AdvTop
	{		  
		position: absolute;
		/* float: right; */
		left: 350px;
		/* right: 5px; */
		top: 8px;
	}		
	
.HB_Text
	{
		position: relative;
		float: left;
		left: 5px;
		width: 728px;
		height: 90px;
		padding-top: 10px;
		padding-bottom: 10px;
		/* background-color: green; */
	}
	
.H_Adv
	{
		float: right;
		margin-bottom: 15px;
		margin-top: 10px;
	}

.V_Adv_Link
	{
		margin-top: 15px;
	}
		
.VB_Text
	{
		width: 180px;
		height: 260px;
		padding-top: 10px;
		padding-bottom: 10px;
		/* background-color: green; */
	}			
	
/******************** OTHERS ********************/
.BookMarks
	{
		float: left;		
		margin: 15px;		
		width: 728px;
		
		position:relative;
		padding: 4px;					
				
		border-bottom-style: solid;
		border-width: 1px;
		border-top-style: solid;
		border-color: #3d7bb8;				
	}

.AddThis
	{
		margin-top: 3px; 		
		float: right;		
	}

.FacebookBox
	{
		float: left;
		width: 740px;
	}
	
.FacebookLikeButton
	{
		display: inline;			
	}	
	
.CropLike
	{		
		/* background-color:  red; */
		/* float: right; */
		 margin-left:  7px;						
	}	
	
.NarrowFacebookBox
	{
		position:relative;
		float: left;
		width: 300px;
	}	

#Dim
	{
		visibility: hidden;		
	}		

*{
	 margin: 0;	 
 }	
	
#Message
	{		
		float: left;
		border-color: #AA0000;
		background-color: #ffeeee;
		font-size: 13px;
		font-family: sans-serif;
		color: #AA0000;
		padding: 5px;
		margin-bottom: 4px;						
		font-weight:bold;		
		border-style: solid;
		border-width: 1px;		
		width: 450px;
	}	
	
table.Upload 
	{
		float: left;
		background-color: #d1e4f6; 
		width: 470px;
		height: 250px;
		padding: 6px;
		
		border-style: solid;
		border-width: 1px;
		border-color: #3d7bb8;
	} 	

table.Upload td  
	{		
		padding: 1px;
	}
 
.ImageBoder	
  {        
    border-style: solid;
		border-width: 1px;
		border-color: #3d7bb8;
  }

.BlackBorder
	{
		border-width:  1px;
		border-color: black;
	}
	
.NoBorder
	{
		border-width: 0px;
	}		
	
.Attention
	{
		font-size:1.3em; 
		font-weight: bold;
		color: red;
	}		
	
#ThankYou
	{
		font-size:1.1em;
		font-style: italic; 
		font-weight: bold;
		color: #A00000;
		visibility: hidden;
	}	
	
.NewFunction
	{		
		font-weight: bold;
		color: red;
	}
	
.Bold
	{		
		font-weight: bolder;
	}			
		
#XMarks
	{
		float:right;
	}

.InlineTable
	{
		display: inline-table;		
	}	

table.SQLResult
	{
		max-width: 500px; 		
		margin: 0px;
		padding: 0px;	   		
		vertical-align:middle;
		border-color: #CCCCCC;
		color: #101010;		
	}
	
table.SQLResult td
	{
		background-color: #E0EEFF;
	}
		
table.SQLResult th
	{
		background-color: #D8E2FF;
		padding-top: 	  5px;
		padding-bottom: 5px;
	}
	
table.Info
	{
		max-width: 600px;		 	
		margin: 0px;
		padding: 0px;	   		
		vertical-align:middle;
		border-color: #CCCCCC;
		color: #101010;		
	}			
	
table.Info td
	{
		background-color: #E0EEFF;
		min-width: 140px;
		text-align: center;
	}	
	
table.Info th
	{
		background-color: #D8E2FF;
		padding-top: 	  5px;
		padding-bottom: 5px;
	}		
	
table.IDPhoto
	{		
		display: inline-table;
		margin: 0px;
		padding: 0px;	 		 		
		vertical-align:middle; 
		/* border-color: #CCCCCC; */
		border-style:none;
		border-width:1px;		
		margin-bottom: 0px;		
		width:400px;
		height: 280px;
		display: inline-table;
	}					
	
table.IDPhoto td 
	{
		padding: 0px; 
		border-width: 0px;
		text-align:center;
		vertical-align:middle;
		border:1px; 	
		border-style: solid;
		border-style:none;
		border-color: #707070;
	 }

table.Base
	{
		border-width: 0px;
		margin: 0px;
		padding: 0px;
	  border:20px;	
		border-style: none;		
		vertical-align:middle;				
	}
	
table.Base td 
	{
		padding: 0px;
		text-align:center;
		border:0px;	
		border-style: none;		
 }			
	
table.sample
	{
		border-width: 1px;
		border-spacing: 2px;
		border-style: dotted;
		border-color: gray;
		border-collapse: separate;
		background-color: #ffffff;		
	}
	
table.sample th 
	{
		border-width: medium;
		padding: 0px;
		border-style: dotted;
		border-color: gray;
		background-color: #668899;
}

table.sample td 
	{
		border-width: medium;
		padding: 0px;
		border-style: none;
		border-color: gray;
		background-color: #aaddee;		
 }	

.Emp
	{
		font-weight: bold;
	}
	
.InBlock
	{
		padding-left: 20px;
	}			
	
.CropAgain
	{
		margin-top: 5px;
		margin-bottom: 25px;
		float: left;
		width: 340px;
	}	
	
.CropAgain td
	{
		vertical-align: top;
	}	
	
.V_Outer
	{
		display: table;
		position: static;		
		height: 100%;
		width: 100%;
	}	
	
.V_Middle
	{
		display: table-cell;
		vertical-align: middle;		
		text-align: center;		
		width: 100%; 
	}		
	
.Center
	{
		width:	100%;
		text-align: center;
	}	
	
div.Centered 
	{
		text-align: center;
	}
	
div.Centered table 
	{
		margin: 0 auto; 
		text-align: left;
	}
	
div.Centered div 
	{
		/* width: 100%; */
		margin-left: auto;
    margin-right: auto;
	}		
	
.MaxDownWidth
	{
		width: 435px;
		float: left;
		height: 100%;
	}	
	
.MaxHeight
	{
		height: 100%; 
	}	
	
.mi_HU
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: 0px 0px;
		position: relative;
		float: left;
		cursor: pointer;
	}

.mi_HU:hover		
	{		
		background-position: 0px -21px;
	}
	
.mi_HU_Sel
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: 0px -21px;
		position: relative;
		float: left;
		cursor: pointer;
	}	
	
.mi_EN
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -28px 0px;
		position: relative;
		float: left;
		cursor: pointer;
	}
	
.mi_EN:hover		
	{		
		background-position: -28px -21px;
	}		
	
.mi_EN_Sel
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -28px -21px;
		position: relative;
		float: left;
		cursor: pointer;
	}	
	
.mi_IT
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -56px 0px;
		position: relative;
		float: left;
		cursor: pointer;
	}
	
.mi_IT:hover		
	{		
		background-position: -56px -21px;
	}		
	
.mi_IT_Sel
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -56px -21px;
		position: relative;
		float: left;
		cursor: pointer;
	}	
	
.mi_PT
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -84px 0px;
		position: relative;
		float: left;
		cursor: pointer;
	}
	
.mi_PT:hover		
	{		
		background-position: -84px -21px;
	}		
	
.mi_PT_Sel
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -84px -21px;
		position: relative;
		float: left;
		cursor: pointer;
	}			
	
.mi_RU
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -112px 0px;
		position: relative;
		float: left;
		cursor: pointer;
	}
	
.mi_RU:hover		
	{		
		background-position: -112px -21px;
	}		
	
.mi_RU_Sel
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -112px -21px;
		position: relative;
		float: left;
		cursor: pointer;	
	}		
	
.mi_CN
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -140px 0px;
		position: relative;
		float: left;
		cursor: pointer;
	}
	
.mi_CN:hover		
	{		
		background-position: -140px -21px;
	}		
	
.mi_CN_Sel
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -140px -21px;
		position: relative;
		float: left;
		cursor: pointer;	
	}			
	
.mi_JP
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -168px 0px;
		position: relative;
		float: left;
		cursor: pointer;
	}
	
.mi_JP:hover		
	{		
		background-position: -168px -21px;
	}		
	
.mi_JP_Sel
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -168px -21px;
		position: relative;
		float: left;
		cursor: pointer;	
	}
	
.mi_DE
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -196px 0px;
		position: relative;
		float: left;
		cursor: pointer;
	}
	
.mi_DE:hover		
	{		
		background-position: -196px -21px;
	}		
	
.mi_DE_Sel
	{
		width: 28px;
		height: 22px;
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png');
		background-position: -196px -21px;
		position: relative;
		float: left;
		cursor: pointer;	
	}					
	
.FormPlussButton
	{
		left: 394px;
		top:  65px;				
		width: 70px;		
		position: absolute;
		background-color: white;
		padding: 5px;		
		border: double;
	}	
	
.img_Movie
	{
		width: 46px; 
		height: 36px; 
		background-image: url('http://static.idphoto4you.com/CSS/Sprite_A.png'); 
		background-position: -208px -52px;
		display: inline-block;
	}	
	
#Download
	{
		visibility: hidden;		
	}
	
#Download_NoLimit
	{
		visibility: visible;		
	}	
	
.GotoUpload
	{
		border-color: #cc9900;
		background-color: #ffffcc;
		border-style: solid;
		border-width: 1px;		
		padding-top: 10px;		
		padding-left: 15px;
		padding-bottom: 13px;
		margin-bottom: 20px;
	}
		
#CountDown
	{
		color: #AA0000;
	}		

#CountDownFrame
	{		
		border-color: #cc9900;
		background-color: #ffffcc;
		font-size: 15px;
		font-family: sans-serif;	
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 10px;
		font-weight:bold;		
		border-style: solid;
		border-width: 1px;		
	}	
	
.CountDownAttention
	{
		font-size: 12px;
		font-weight:normal;
	}	
	
#Animation
	{
		position:absolute;
		left:	420px;
		top:  24px;
		width: 60px;
		height: 60px;
		visibility: hidden;
	}	
	
#Maintanence
	{
		border-color: red;
		background-color: #ffeeee;
		font-size: 11px;
		font-weight: bold;
		font-family: sans-serif;
		color: red;			
		border-style: solid;
		border-width: 1px;
	}	
	
.Alert
	{
		border-color: red;
		background-color: #ffeeee;		
		margin-bottom: 6px;
		font-size: 13	px;
		font-family: sans-serif;
		line-height: 150%;		
		padding: 8px;
		border-style: solid;
		border-width: 1px;
	}			
	
.Comment
	{
		font-size: 9 px;
		font-style: italic;
	}