/* CIBERPOKER */

html, body, div, p, h1, h2, h3, h4, img, ul, li, input, select, option{
	padding:0px;
	margin:0px;
	border:0px;
}

body{
	text-align:center;
	position:relative;
	top:0px;
	left:0px;
	background:url(/images/bg.png) top center repeat-y #6a6a6a;
}

div.site{
	width:880px;
	margin:0 auto;
	text-align:left;
	/*border:1px solid yellow;*/
}

div.top{
	width:100%;
	height:360px;
	margin-bottom:12px;
	background:url(/images/fej.png) bottom center no-repeat;
	float:left;
	position:relative;
	top:0px;
	left:0px;
}
div.middle{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	float:left;
	color:#000000;
	/*background:#484848;*/
	background:url(/images/middle.png) top left repeat-y;
	z-index:0;	
	/*border:1px solid yellow;*/
}

div.middle_top_shade{
	background:url(/images/middle_top.png) no-repeat left top #000000;
	top:0;
	height:159px;
	left:0;
	position:absolute;
	width:100%;
	z-index:-1;
}
*{
	z-index:2;
}
div.middle_bottom_shade {
	background:url(/images/middle_bottom.png) no-repeat left top #000000;
	bottom:0;
	height:421px;
	left:0;
	position:absolute;
	width:100%;
	z-index:-1;
}
div.bottom{
	width:100%;
	height:20px;
	float:left;
	position:relative;
	z-index:-100;
	border-bottom:1px solid black;
}

/* TOP */

/* MAIN MENU */
.menu{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
}

.menuitem a, .selected a{
	margin:0 auto;
	line-height:36px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:189px;
	height:36px;
	background:url(/images/gomb1.png);
	z-index:2;
	position:relative;
	top:0px;
	left:0px;
}
.menuitem a:hover, .selected a{
	background:url(/images/gomb2.png);
}
.submenu{
	width:171px;
	background:url(/images/submenu.png) bottom left no-repeat #ff0000;
	padding-top:18px;
	padding-bottom:8px;
	position:relative;
	top:-16px;
	margin:0 auto;
	z-index:1;
	font-weight:normal;
	font-size:11px;
}
.submenu p{
	margin-bottom:8px;
}
.submenu p a{
	color:#FFFFFF;
	width:100%;
	
	text-decoration:none;	
}
.submenu p a:hover{
	text-decoration:underline;
}



/* LEFT */
div.left{
	width:200px;
	float:left;
	text-align:center;
	height:100%;
}
div.languages{
	/*border:1px solid yellow;*/
	margin-top:18px;	
}

div.almenu{
	margin-bottom:24px;
}
div.left_separ{
	width:200px;
	height:7px;
	background:url(/images/left_csik.png);
}

div.login{
	width:194px;
	text-align:center;
	margin:0 auto;
	margin-bottom:24px;
	margin-top:24px;
	background:url(/images/login_middle.png) top left repeat-y;
	position:relative;
	top:0px;
	left:0px;
	
}
div.login_top{
	width:194px;
	height:104px;
	position:absolute;
	top:-24px;
	left:0px;
	background:url(/images/login_top.png) top left no-repeat;
	
}
div.login_bottom{
	width:194px;
	height:96px;
	position:absolute;
	bottom:-24px;
	left:0px;
	background:url(/images/login_bottom.png) bottom left no-repeat;
	
}
div.login_inner{
	z-index:100;
	position:relative;
	top:0px;
	left:0px;
}
input.login_input_text{
	width:144px;
	height:25px;
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
	background:url(/images/input.png) top left no-repeat;
	margin-bottom:6px;
}
input.login_submit{
	width:154px;
	height:28px;
	background:url(/images/login_gomb1.png) top left no-repeat;
	color:#FFFFFF;
	cursor:pointer;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height:28px;
}
input.login_submit:hover{
	background:url(/images/login_gomb2.png) top left no-repeat;
}
div.forgot, div.welcome{
	margin-top:12px;
	/*border:1px solid red;*/
}
div.forgot p, div.welcome p{
	margin-bottom:8px;
}
div.forgot p a, div.welcome p a{
	color:#FFFFFF;
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
}
div.forgot p a:hover, div.welcome p a:hover{
	text-decoration:underline;
}
div.welcome{
	width:160px;
	padding-left:20px;
	padding-right:20px;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
}

div.banners img{
	margin-bottom:12px;
}


/* CENTER */
div.center_middle{
	width:680px;
	height:100%;
	float:left;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13px;
	padding-bottom:240px;
	min-height:728px;
	z-index:100;
}

h1.title{
	padding-top:18px;
	margin-left:32px;
	margin-bottom:12px;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
}
div.center_middle p{
	margin-left:32px;
	margin-right:26px;
	margin-bottom:12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}
div.center_middle h3{
	padding-left:24px;
	margin-top:18px;
	margin-left:8px;
	margin-right:26px;
	margin-bottom:12px;
	font-size: 18px;
	font-style: normal;
	text-transform: normal;
	line-height: 1.4em;
}
div.center_middle h4{
	padding-left:26px;
	margin-top:18px;
	margin-left:8px;
	margin-bottom:12px;
	font-style: normal;
	text-transform: normal;
	line-height: 1.8em;
}
div.center_middle ul, div.center_middle ol{
	margin-left:32px;
	margin-right:26px;
	padding-left:14px;
	margin-bottom:12px;
}

div.center_middle ul li ul{
	margin-left:12px;
	margin-right:26px;
	padding-left:14px;
	margin-bottom:12px;
}
div.center_middle ul li, div.center_middle ol li, div.center_middle ul li ul li{
	margin-bottom:4px;
}
div.center_middle ol{
	padding-left:22px;
}
div.center_middle a{
	color:#3b0000;
}
div.center_middle img.left{
	float:left;
	margin:8px 12px 8px 0px;
}
div.center_middle img.right{
	float:right;
	margin:8px 0px 8px 12px;
}
div.center_middle table{
	margin-bottom:24px;
	margin-left:32px;
	width:620px;
}
div.center_middle table tr.color{
	background:url(/images/op50black.png) top left repeat;
}
div.center_middle table tr td{
	padding:2px;
	margin-bottom:8px;
}
div.center_bottom{
	width:100%;
	height:11px;
	background:url(/images/minta_2.png) top left no-repeat;
	float:left;
}
/* FORMOK */
form.form input.text, form.form select{
	width:160px;
	border:1px solid #480405;
	padding:2px;
}
form.form select{
	width:166px;
	margin-left:-4px;
}
form.form input[type=radio], form.form input[type=checkbox]{
	margin-right:12px;
}
form.form label, div.table label{
	display:inline-block;
	margin-left:20px;
	width:240px;
}
form.form input.submit{
	width:189px;
	height:36px;
	color:#FFFFFF;
	cursor:pointer;
	background:url(/images/gomb1.png) top left no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 36px;
}
form.form input.submit:hover{
	background:url(/images/gomb2.png) top left no-repeat;
}
form.form .red{
	color:#a70001;
}


/* FOOT */
div.foot{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	width:680px;
	height:230px;
	position:absolute;
	bottom:0px;
	left:200px;
	text-align:center;
	z-index:100;
}
div.copyright, div.footlogos, div.footmenu{
	margin-left:32px;
	margin-right:32px;
	margin-top:16px;
}
div.footmenu a{
	color:#3b0000;
}


/* GETTING STARTED -> DOWNLOAD */
div.center{
	margin-left:48px;
}

/* REFERING FORM  AND RESEND VALIDATION */
input[name="validationcode"]{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 32px;
	color: #FFFFFF;
	width: 250px;
	height: 36px;
	text-align: center;
	background:url(/images/gomb1_long.png);
	cursor: pointer;
}
input[name="validationcode"]:hover{
	background:url(/images/gomb2_long.png) no-repeat;
}

form[name="referingForm"] p label{
	margin:0px;
	width:330px;
	font-weight:bold;
	float:left;
}
form[name="referingForm"] p input.submit{
	margin-left:230px;
	margin-top:24px;
	margin-bottom:24px;
	width:189px;
	height:36px;
	background:url(/images/gomb1.png) top left no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 32px;
	color: #FFFFFF;
	text-align:center;
	cursor:pointer;
}
form[name="referingForm"] p input.submit:hover{
	background:url(/images/gomb2.png) top left no-repeat;
}
input.refer{
	margin-bottom:3px;
}
#fields label{
	padding-left:12px;
}
form[name=referingForm] input[name=code]{
	width:120px;
	float:left;
}

.errorMessage{
	margin-left:32px;
	margin-bottom:18px;
	color:#ab2501;
}

/* orosz refer a friend miatt */
div#fields{
	float:left;
}
div#fields div.friend{
	float:left;
	width:620px;
	margin-bottom:12px;
}
div.friend_data{
	width:310px;
	display:inline-block;
	float:left;
}
div.friend_data label{
	margin:0px 0px 0px 32px;
	width:280px;
	margin-bottom:4px;
}
div.friend_data input{
	width:280px;
	clear:both;
	margin:0px 0px 0px 32px;
}