/* CSS Document */

/*  */



/* general stuff */


body{
background: url('../images/hatter.gif');
}

* {
margin: 0px;
padding: 0px; /* mindent kinullazunk */
/*font-family: Arial, Helvetica, sans-serif;*/ /* beallitjuk az oldalon a font keszletet */
/*font-size: 12px;*/ /* a kulon nem meghatarozott fontok merete */
color: #fff;
}

a{
color: #fff;
}




/* az egesz befoglalo div */

#wholeStuff {

width: 1024px; 

margin:10px auto 20px auto; /* a weblap elhelyezese bal es jobb auto eseten kozepen van */

text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}



#header {

width: 1024px;
height: 97px;
}

#logoBox{

width: 246px;/* 2px border*/

float: left;

}





/* leftColumn - bal oszlop */

#leftColumn {

width: 180px; 

float: left;

}



/* mainColumn - kozepso oszlop */

#mainColumn {

width: 928px;
margin-left: auto;
margin-right: auto;
}



/* rightColumn - jobb oszlop */

#rightColumn {

width: 180px; 

float: left;

}









/* Top menü */

#menubar_top{

	height:21px;
	width: 600px;
	background:#efefef;	

}

#menubar_top ul{

	padding:0px 0px 0px 0px;

	margin:0px 0px 0px 0px;

	list-style-type:none;

}

#menubar_top li{

	float:left;

	padding:0px 2px 5px 2px;

	text-decoration:none;

}



#menubar_top .bulletie{	

	text-decoration:none;

	background:url(../designImages/bullet_bg.png);

	color:#000;

	padding:0px 10px 0px 10px;

	border-left:1px solid #fff;

	border-right:1px solid #707070;	

}



#menubar_top .bulletie a:link{	

	color:#000;

	text-decoration:none;

	margin:0px 5px 0px 5px;

}

#menubar_top .bulletie a:active{

	text-decoration:none;

	color:#000;

}

#menubar_top .bulletie a:visited{

	text-decoration:none;

	color:#000;

}

#menubar_top .bulletie a:hover{

	text-decoration:none;

	color:#00f;

}



#advertBox{

width: 600px;
margin-top: 10px;
margin-right: auto;

margin-left: auto;

text-align: center;

}

img{
border: none;
}

#advertBox img{

border: none;

}

p{
text-align: center;
}




.vipBox{
text-align: center;
margin-left: 0px;
margin-right: 0px;
width: 300px;
height: 350px;
float: left;
}







.normalBox{
margin-left: 0px;
margin-right: 0px;
width: 200px;
height: 250px;

float: left;

}



.freeBox{
margin-left: 0px;
margin-right: 0px;
width: 150px;
height: 190px;
float: left;
}



.clear{

clear: both;

}



.clearPadding{

clear: both;

padding-top: 10px;

padding-bottom: 10px;

}







/* a dobozok megegyezo tulajdonasagai */

div.generalBox {

/*padding: 5px 10px 10px 10px;*/

}



/* az oszlopokban levu dobozok megegyezo tulajdonasagai */

div.generalColumnBox {

/*background-image:url(../images/columnbox.gif);*/

off border: 1px solid black;

text-align: left;

/* border bekapcsolasa eseten a boxok merete 2px-el megno, igy minden mas meretet ehhez igazitani kell */

}



/* az oszlopokban levu dobozok h1 fejlecenek megegyezo tulajdonasagai */

div.generalColumn h1{

margin-bottom:5px;

background-color: #FF6C00;

text-align: center;

}



/* a kozepso oszlopban levu dobozok h1 fejlecenek megegyezo tulajdonasagai */

div.mainColumnBox h1{

border-bottom: 1px solid black;

margin: 10px 0;

clear: both;

}



/* a kozepso oszlopban levu dobozok h2 fejlecenek megegyezo tulajdonasagai */

div.mainColumnBox h2 a{

font-size: 14px;

}



div.generalColumnBox form input{

width: 100px;

}



div.generalColumnBox form select{

width: 100px;

}



/* az oszlopok megegyezo tulajdonasagai */

div.generalColumn {

background-color: #eee;

}



/* szelso oszlopban levo lista alapu menu elemei */

div.columnMenu {



}



div.columnMenu ul{

margin: 0px;

padding: 0px;

}





div.generalBox li{



}



div.columnMenu li{

list-style-type: none;

margin: 0px;

padding: 0px;

margin-left: 10px;

font-weight: bold;



}



div.columnMenu li a{

display: block;

height: 20px;

text-decoration: none;

}



div.columnMenu li a:hover{

background: #67516A;

color: #EEEEEE;

}



/* bannerek */

#bannerTop{

width: 928px;

height: 90px;

/*background-color: #FF6C00; */

border: 1px solid #E7E7E9;

overflow: hidden;
margin-left: auto;
margin-right: auto;
}



.bannerContent{

width: 468px;

height: 60px;

/*background-color: #FF6C00; */

border: 1px solid #E7E7E9;

clear: both;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

margin-bottom: 20px;
overflow: hidden;

}

.bannerSmall{
margin-top: 5px;
float: left;
width: 160px;
height: 80px;
/*border: 1px solid #E7E7E9;*/
overflow: hidden;
text-align: center;
}

.bannerSide{
margin-top: 10px;
float: left;
width: 180px;

/*border: 1px solid #E7E7E9;*/
overflow: hidden;
text-align: center;

}
/*#FF6C00*/



/* pager */

.pager {

padding: 10px;

width: 200px;

margin-left: auto;

margin-right: auto;

}



.pager ul li{

display:block;

float:left;

width: 30px;

}



.pager ul li a{

display: block;

text-align:center;

width: 25px;

height: 20px; /* a height es a fuggoleges padding osszege = a width-el ha negyzetet akarunk */

padding: 5px 0 0 0;

border: 1px solid #999;

background-color:white;

}



.pager ul li a:hover{

background-color:#eee; /* lapozo elemek hatterszine hoverkor - bg kep is lehet */

}



.pager ul li.actualPage { /* aktualis oldal li eleme, nem kattinthato */

display: block;

text-align:center;

width: 25px;

height: 20px; /* a height es a fuggoleges padding osszege = a width-el ha negyzetet akarunk */

padding: 5px 0 0 0;

border: 1px solid #000;

background-color: #000;

color: white;

margin: 0 3px 0 0;

}




#imageContainer{

height: 600px;

}


/***********************************/
.menu{
margin-top: 20px;
margin-bottom: 20px;
}


input, select, option, optgroup, textarea{
color: #000;
}

#menu{
font-size: 14px;
font-weight: bold;
width: 928px;
height: 30px;

text-align: left;

}

#menu a{
text-decoration: none;
padding: 2px;
display: inline;
background: #4E4E4E;
}

#menu a:hover{
background: #000;
}


#categories{
text-align: left;
width: 928px;
}

#categories a{
padding: 1px;
text-decoration: none;
display: inline;
}

#categories a:hover{
background: #ee4200;
}


.category{
text-align: left;
width: 228px;
margin: 2px;
}



ul{
margin: 0px;

}

li{
width: 228px;
list-style-type: none;
}
li a{
display: block;
text-decoration: none;
text-indent: 2px;
background: #343434;
}
li a:hover{
background: #000;
}

#sendLink{
width: 428px;
}

.inactive a{
color: red;
}

.deleted a{
color: #595959;
}

.content{
margin-top: 20px;
}

.otherText{
font-weight: bold;
}
.error{
background: #cccccc;
font-weight: bold;
color: red;
}

.info{
background: #cccccc;
font-weight: bold;
color: green;
}

.new{
/*text-decoration: blink;*/
/*font-size: 14px;*/
}


.up{
display: block;
width: 20px;
height: 20px;
background: url('../images/up.gif');
}

.down{
display: block;
width: 20px;
height: 20px;
background: url('../images/down.gif');
}

.category .banner{
width: 228px;
/*height: 140px;*/
text-align: center;
overflow: hidden;
}

.footer{
text-align: center;
}

#text{
margin: 10px;
}

#sendLink{
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: 600px;
}

#sendLink p{
margin-top: 5px;
text-align: left;
width: 600px;
}

#sendLink input{
width: 200px;
}

#sendLink textarea{
width: 300px;
height: 100px;
}


/**********  category classes  ********/
.categoryHead{
font-weight: bold;
width: 228px;
height: 20px;
background: #ee4200;
text-indent: 4px;
}

.normal{

}

.vip .categoryHead{
font-weight: bold;
width: 228px;
height: 20px;
background: #FF1BFF;
}

.vip{
font-size: 14px;
background: #F19300;
}

.copyTools{
background: #ccc;
color: #000;
}
.copyTools input{
width: 500px;
}

#text{
margin-left: auto;
margin-right: auto;
width: 600px;
}

#sendLink .radio {
width: 30px;
}