@charset "UTF-8";

@import url("fck_style.css");

body {
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
}

/*
 * 
 * 
 *  MAIN - FŐ OLDAL
 * 
 * 
 */
.mainWrapper {
	margin: auto;
	width: 1000px;
	height: 655px;
	background-repeat: repeat-x;
	position: relative;
}

.mainWrapper .countdown {
	position: absolute;
	height: 72px;
	width: 206px;
	left: 465px;
	top: 258px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	padding-top: 40px;
}

.mainWrapper .countdown .countdown-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #8A8A8A;
}

.mainWrapper .login {
	position: absolute;
	height: 201px;
	width: 293px;
	left: 690px;
	top: 215px;
}

.mainWrapper .dicebox {
	position: absolute;
	height: 79px;
	width: 293px;
	left: 690px;
	top: 492px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 79px;
	color: #000000;
}

.mainWrapper .days {
	position: absolute;
	width: 425px;
	left: 39px;
	top: 255px;
}

/*
      NAPOK
*/
.mainWrapper .days .day {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 51px;
	font-weight: bold;
	color: #000;
	text-align: center;
	height: 51px;
	width: 51px;
	border: 1px solid #8a98aa;
	float: left;
	position: relative;
	margin-top: 3px;
	margin-right: 4px;
	margin-bottom: 3px;
	margin-left: 3px;
}

.mainWrapper .days .past {
	background-color: rgba(255, 255, 255, 0.8);
	cursor: pointer;
}

.mainWrapper .days .today {
	background-color: #888888;
	border: 1px solid #FFFFFF;
	height: 51px;
	width: 51px;
	cursor: pointer;
}

.mainWrapper .days .future {
	background-color: #FFFFFF;
	filter: alpha(opacity = 30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

.mainWrapper .days .day img {
	position: absolute;
	right: -8px;
	bottom: -12px;
}

/*
     Status szöveg
*/
.mainWrapper .status, .mainWrapper .status2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	background-color: #CF0;
	position: absolute;
	width: 550px;
	top: 150px;
	right: 250px;
	text-align: center;
	border: 3px solid #F00;
	padding: 10px;
	z-index: 1000;
}

.mainWrapper .login .textfieled {
	background-color: #FFF;
	height: 28px;
	width: 216px;
	border: 1px solid #c2bcc6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 28px;
}

.mainWrapper .login label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 24px;
}

.mainWrapper .login #forgotpass a,.mainWrapper .login #forgotpass a:link,.mainWrapper .login #forgotpass a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #000000;
}

.mainWrapper .login #forgotpass a:hover,.mainWrapper .login #forgotpass a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: underline;
	color: #000000;
}

.mainWrapper .login .login-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}

.mainWrapper .gametest {
	position: absolute;
	height: 59px;
	width: 293px;
	left: 690px;
	top: 425px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 59px;
	color: #000000;
	text-align: center;
	background-image: url(images/gametest.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.mainWrapper .gametest  a,.mainWrapper .gametest  a:link,.mainWrapper .gametest  a:visited {
	color: #000000;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 9px;
	padding-left: 14px;
}

.mainWrapper .question-box {
	position: absolute;
	z-index:100;
	top: 215px;
	left: 80px;
	width: 755px;
	/*min-height: 425px;*/
	background-color: #FFFFFF;
	border: 2px solid #303030;
	-moz-box-shadow: 0px 0px 30px #000000;
	-webkit-box-shadow: 0px 0px 30px #000000;
	box-shadow: 0px 0px 30px #000000;
}

.mainWrapper .question-box .content {
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

.mainWrapper .question-box .content .answer {
	float: left;
	margin-top: 20px;
}

.mainWrapper .question-box .adv-right {
	float: right;
	width: 340px;
	height: 280px;
/*	background-color: #FF0000;*/
	margin-bottom: 10px;
	margin-top: 10px;
}

.mainWrapper .question-box .adv-bottom {
	clear: both;
/*	width: 468px;
	height: 120px;
	background-color: #00FF00;*/
	margin-top: 10px;
}

.mainWrapper .question-box .adv-bottom2 {
	clear: both;
/*	width: 468px;
	height: 300px;*/
	background-color: #FFCC00;
	margin-top: 0px;
}

.mainWrapper .information {
	position: absolute;
	top: 361px;
	right: 119px;
	width: 310px;
	height: 156px;
	background-image: url(images/info_box_bg.png);
	background-repeat: no-repeat;
}

.mainWrapper .information .inner {
	padding: 25px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
}

.mainWrapper .information a {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 9px;
	right: 10px;
}

.mainWrapper .information img {
	margin-top: -9px;
}


/*######################################################################################*/

.mainWrapper .forgot, .mainWrapper .quick_invitation {
	position: absolute;
	background-repeat: no-repeat;
	z-index: 1000;
}

.mainWrapper .forgot {
	top: 221px;
	right: 119px;
	width: 310px;
	height: 156px;
	background-image: url(images/info_box_bg.png);
}

.mainWrapper .quick_invitation {
	top: 111px;
	right: 169px;
	width: 310px;
	height: 250px;
	background-image: url(images/info_box_bg_2.png);
}

.mainWrapper .forgot .inner {
	padding: 25px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
}

.mainWrapper .quick_invitation .inner {
	padding: 25px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #FFF;
}

.mainWrapper .forgot a#forgot_close, .mainWrapper .quick_invitation a#quick_invitation_close {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 9px;
	right: 10px;
}

.mainWrapper .forgot img, .mainWrapper .quick_invitation img {
	margin-top: -9px;
}


.forgot .hightlight, .quick_invitation .hightlight {
	border: solid 1px red;
}

.forgot span.forgot_span, .quick_invitation span.quick_invitation_span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	font-weight: bold;
}

/*######################################################################################*/
/*######################################################################################*/
/*######################################################################################*/

/*
 * 
 * 
 *  SUB - AL OLDAL
 * 
 * 
 */
.subWrapper {
	margin: auto;
	width: 1000px;
	position: relative;
	background-repeat: no-repeat;
}

.subWrapper .head {
	height: 215px;
	position: relative;
}

.subWrapper .head .jump {
	display: block;
	position: absolute;
	height: 60px;
	width: 150px;
	left: 10px;
	top: 148px;
}

.subWrapper .main .text-div {
	width: 650px;
	margin-left: 20px;
	float: left;
	margin-bottom: 30px;
}

.subWrapper .main .text-div .text-border {
	border: 2px solid #000000;
	padding: 20px;
	background-color: #eaeaea;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.subWrapper .main .box-col {
	float: right;
	width: 293px;
	margin-right: 17px;
	position: relative;
}

.clearer {
	clear: both;
}

.subWrapper .main .box-col .box-dice {
	margin-top: 71px;
	height: 79px;
	width: 293px;
	margin-bottom: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.subWrapper .box-login .textfieled {
	background-color: #FFF;
	height: 28px;
	width: 216px;
	border: 1px solid #c2bcc6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 28px;
}

.subWrapper .box-login label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 24px;
}

.subWrapper .box-login #forgotpass a,.subWrapper .box-login #forgotpass a:link,.subWrapper .box-login #forgotpass a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #000000;
}

.subWrapper .box-login #forgotpass a:hover,.subWrapper .box-login #forgotpass a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: underline;
	color: #000000;
}

.subWrapper .main .box-col .box-login {
	height: 201px;
	width: 293px;
}

.subWrapper .main .text-div .text-border h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 0px;
}

.subWrapper .main .box-col .box {
	margin-bottom: 20px;
}

.subWrapper .main .box-col .box .box-inner {
	background-color: #CCC;
	padding: 15px;
	border: 2px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.subWrapper .main .box-col .box .box-inner h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 0px;
}

.subWrapper .main .box-col .gametest {
	position: absolute;
	height: 59px;
	width: 293px;
	top: 207px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 59px;
	color: #000;
	text-align: center;
	background-image: url(images/gametest.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.subWrapper .main .box-col .gametest  a,.subWrapper .main .box-col .gametest  a:link,.subWrapper .main .box-col .gametest  a:visited {
	color: #000000;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 9px;
	padding-left: 14px;
}


.subWrapper .information {
	position: absolute;
	top: 361px;
	right: 119px;
	width: 310px;
	height: 156px;
	background-image: url(images/info_box_bg.png);
	background-repeat: no-repeat;
}

.subWrapper .information .inner {
	padding: 25px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
}

.subWrapper .information a {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 9px;
	right: 10px;
}

.subWrapper .information img {
	margin-top: -9px;
}






/*######################################################################################*/


.subWrapper .forgot, .subWrapper .quick_invitation {
	position: absolute;
	background-repeat: no-repeat;
	z-index: 1000;
}

.subWrapper .forgot {
	top: 221px;
	right: 119px;
	width: 310px;
	height: 156px;
	background-image: url(images/info_box_bg.png);
}

.subWrapper .quick_invitation {
	top: 111px;
	right: 169px;
	width: 310px;
	height: 250px;
	background-image: url(images/info_box_bg_2.png);
}

.subWrapper .forgot .inner {
	padding: 25px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
}

.subWrapper .quick_invitation .inner {
	padding: 25px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #FFF;
}

.subWrapper .forgot a#forgot_close, .subWrapper .quick_invitation a#quick_invitation_close {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	top: 9px;
	right: 10px;
}

.subWrapper .forgot img, .subWrapper .quick_invitation img {
	margin-top: -9px;
}


.forgot .hightlight, .quick_invitation .hightlight {
	border: solid 1px red;
}

.forgot span.forgot_span, .quick_invitation span.quick_invitation_span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	font-weight: bold;
}

/*######################################################################################*/
/*######################################################################################*/
/*######################################################################################*/


/*
     Status szöveg
*/
.subWrapper .status, .subWrapper .status2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	background-color: #CF0;
	position: absolute;
	width: 550px;
	top: 300px;
	right: 250px;
	text-align: center;
	border: 3px solid #F00;
	padding: 10px;
	z-index: 100;
}




/*
 * 
 * 
 * Mindkettőben megvan
 * 
 * 
 */
.subWrapper .head .banner {
	height: 140px;
}


/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% Arial, Helvetica, sans-serif;
	padding: .65em 0.7em .7em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.button:hover {
	text-decoration: none;
}

.button:active {
	position: relative;
	top: 1px;
}

/* black */
.black {
	color: #ffea00;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000) );
	background: -moz-linear-gradient(top, #666, #000);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#666666', endColorstr = '#000000' );
}

.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000) );
	background: -moz-linear-gradient(top, #444, #000);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#444444', endColorstr = '#000000' );
}

.black:active {
	color: #ffea00;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444) );
	background: -moz-linear-gradient(top, #000, #444);
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#000000', endColorstr = '#666666' );
}

.footer {
	background-color: #202020;
	height: 100px;
}

.footer .footerMain {
	margin: auto;
	width: 1000px;
	height: 30px;
	padding-top: 10px;
}




/** REGISZTRÁCIÓS RÉSZ **/
.mainWrapper .registration {
	top: 50px;
	left: 30px;
}

.subWrapper .registration {
	top: 50px;
	left: 30px;
}

.registration {
	position: absolute;
	width: 700px;
	background-color: #FFFFFF;
	padding: 20px;
	border: solid 2px #000000;
}

.registration .textfield, .textfield {
	background-color: #D0D0D0;
	border: solid 1px #000000;
	height: 22px;
	margin-top: 2px;
}

.registration .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}

.registration label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.registration .info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.registration .close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 15px;
	height: 15px;
	background: url(images/button_close.png) no-repeat center center;
}

.registration .hightlight {
	border: solid 1px red;
}

.registration span.reg_span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	font-weight: bold;
}

.registration select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #D0D0D0;
	border: solid 1px #000000;
}

#forgot_form .textfield {
	background-color: #D0D0D0;
	border: solid 1px #000000;
	height: 22px;
	margin-top: 2px;
}


/** OTHER STYLES **/

.status_content, .status_content2 {
	padding-bottom: 20px;
}

#dicedrop {
	position: absolute;
	top: 300px;
	left: 300px;
	height: 96px;
	width: 232px;
	background-color: #989898;
	border: 2px solid #303030;
	-moz-box-shadow: 0px 0px 30px #000000;
	-webkit-box-shadow: 0px 0px 30px #000000;
	box-shadow: 0px 0px 30px #000000;
	z-index: 100;
}

#full-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

textarea.code { width: 100%; height: 30px;}
div#preview {position: absolute; display: none; top: 0; left: 0;}
div#preview .img {border: 1px solid #555;}
.invitation_input { border: 1px solid #ccc; width: 150px; padding: 5px;}
#invitationForm .error { 	clear: both;
	color: red;
	font-size: 12px;}
	
	
#quick_invitation_link {
	text-decoration: none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}