@import url('../css/reset.css');
@import url('../css/layout.css');

/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
.wrapper1 {width:100%; height:193px;}
.wrap{overflow:hidden;width:965px;margin-left:-5px;padding-left:5px}
/* Global properties */
body {background:url(../images/bg_bot.jpg) center 0 repeat-x #c8c8c6; border:0; font:14px "Trebuchet MS", Verdana, Arial, serif; color:#200; line-height:24px}
.clickable{ width: 950px; height: 60px; position: relative; top: 0px; cursor: pointer; }


/* Global Structure */
#page1 .main, #page3 .main {margin:0 auto; width:940px; overflow: hidden;}
#page2 .main {margin:0 auto; width:432px;}
.body1 {background:none}
.body2 {background:none; padding-bottom:10px;} 
.body3 {background:none; padding-bottom:31px}
.body4 {background:none;padding-bottom:31px}
.body5 {background:none}
.body6 {background:none; height: 390px; border-bottom: 1px solid grey;}
.body7 {background: url("../images/body7-bgr.jpg") repeat-x top left #d9e0f3; border-top: 1px solid gray;}
/* main layout */
a {color:#a80002;text-decoration:none;outline:none}

h1 {float:left;padding:0px 0 0 36px}
h2 {font-size:41px;line-height:1.2em;color:#200000;padding:16px 0 12px 0;letter-spacing:-2px}
h2.letter_spacing {letter-spacing:-3px}
h3 {font-size:27px;color:#230000;line-height:1.2em;padding:20px 0 9px 0;letter-spacing:-1px}
h3 span {color:#a80002}
p {padding-bottom:24px}

/* header */
header {height:120px;padding-top:20px;width:100%;overflow:hidden}
#logo {display:block;background:url(../images/logo.jpg) 0 0 no-repeat;width:100px;height:100px;text-indent:-9999px}

/* content */
.pad_left1 {padding-left:10px}
.pad_bot1 {padding-bottom:13px}
.pad_bot2 {padding-bottom:24px}
.marg_right1 {margin-right:20px}

.imageanswer { max-height: 120px; max-width: 120px; }
.image2 { max-height: 145px; max-width: 251px;  }

.current_question {width:670px; height:63px; background: url("../images/current_question.gif") no-repeat top left transparent; font-weight: bold; line-height: 55px; padding: 0 15px;}
.result {width:132px;}
.result li {height:21px; margin:0; padding:0 20px 0 5px; background: url("../images/li_result.gif") no-repeat top left transparent; font-size:13px; line-height:19px; text-align:right;}
.result li:last-child {background: url("../images/li_result_last.gif") no-repeat top left transparent !important;}
.result li strong, .info li strong {color:#0089cf;}
.handover_btn {background: url("../images/handover_btn2.png") no-repeat top left transparent; width:132px; height:44px; display:block; text-indent:-999999px;}
.handover_btn:hover {background-image: url("../images/handover_btn2-h.png");}
.handover_btn2 {background: url("../images/handover_btn.png") no-repeat top left transparent; width:132px; height:44px; display:block; text-indent:-999999px; margin-top: 10px;}
.handover_btn2:hover {background: url("../images/handover_btn-h.png") no-repeat top left transparent; width:132px; height:44px; display:block; text-indent:-999999px;}

.info {float:right;}
.info li {text-align:right;}
.attention-bugs {background: url("../images/attention-bugs.gif") no-repeat top left transparent; width:341px; height:77px;}
.attention-bugs li {margin:0 8px 5px 35px; font-size:11px; line-height:12px; padding-top: 6px;}
.attention-bugs strong {font-size:13px;}
.attention-bugs input {margin:3px 0 0; float:left;}
.attention-bugs span {margin:3px 0 0 5px; float:left;}

.list_bgr, .current, .wrong {background:transparent no-repeat top left; width:52px; height:47px; float:left;}
.list_bgr, .wrong {background-image: url("../images/list_img_bgr.gif"); color:#526061;}
.current {background-image: url("../images/list_img_bgr-c.gif"); color:#fff;}
.list_bgr:hover, .current:hover {text-decoration:none;}
.list_bgr strong, .list_bgr img {margin: 0 auto; text-align:center; display:block;}
.current strong, .current img, .wrong img, .wrong strong {margin: 0 auto; text-align:center; display:block;}
.current strong {background-color:#68a4e2; height: 16px; line-height: 15px; margin: 5px 6px;}

ul.answer {background: none; font: 13px/27px "Trebuchet MS", Verdana, Arial, sans-serif; list-style: none outside none; margin:0; padding:0;}
ul.answer li {margin: 1px 0; height: 47px;}
ul.answer li a {background: url("../images/answer_btn_r-activ.jpg") no-repeat top right transparent !important; width:100%; padding: 0; cursor:pointer; color:#000;}
ul.answer li a strong {background: url("../images/answer_btn_l-activ.jpg") no-repeat top left transparent !important;}
ul.answer a {color: #C4C4C4; float: left; padding-right: 13px; text-decoration: none;}
ul.answer a.activ {color: #0089CF;}
ul.answer a strong, ul.answer a.activ strong {display: block; padding-left: 15px; line-height: 47px; font-weight:normal;}
ul.answer li a.activ {color:#fff; background: url("../images/answer_btn_r.jpg") no-repeat top right transparent !important;}
ul.answer li a.activ strong {color:#fff; background: url("../images/answer_btn_l.jpg") no-repeat top left transparent !important;}

/*
ul.answer li a:hover {color:#fff; background: url("../images/answer_btn_r.jpg") no-repeat top right transparent !important;}
ul.answer li a strong:hover {color:#fff; background: url("../images/answer_btn_l.jpg") no-repeat top left transparent !important;}
*/

.button_text_1 {line-height: 13px; padding-top: 13px; width: 512px; float: left; height: 45px;}
.button_text_2 {line-height: 13px; padding-top: 13px;; width: 850px; float: left; height: 45px;}
.text {line-height: 15px; width: 640px; display:table-cell; vertical-align:middle; height: 57px;}
.image_status {margin-top: 10px;}
.bottom-col { width: 588px; float: left; margin-left: 60px; height: 41px; text-align: center; }
.timer-bar { margin-left:auto; margin-right: auto; height: 41px; }
.text-timer { padding-top: 7px; font-size: 16px; font-family: 'Istok Web', sans-serif;}

div.bgr_img img {margin:3px; } 
.bgr_img {height: 193px; width: 341px; background-color:#FFFFFF; display:table-cell; vertical-align:middle; /* box-shadow:0 0 5px 5px #bebebe; -moz-box-shadow:0 0 5px 5px #bebebe; -webkit-box-shadow:0 0 5px 5px #bebebe;*/ margin:"5px"; width:"335px"; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.previous_q , .next_q {width:132px; height:63px; display:block; text-indent:-999999px; background: no-repeat top left transparent;} 
.previous_q {background-image: url("../images/butons-previous.gif");}
.next_q {background-image: url("../images/butons-next.gif");}
.previous_q:hover {background-image: url("../images/butons-previous-h.gif");}
.next_q:hover {background-image: url("../images/butons-next-h.gif");}

.lastimgbgr {margin-right:0 !important;}
.question-bgr { height: 195px; width: 154px; margin-right:55px; padding: 15px; background-image: url("../images/image-button.png"); display:table-cell; vertical-align:middle; text-align: center;  cursor: pointer;}
.activ { background-image: url("../images/image-button-h.png"); }
.first {margin-left: 150px;}

/* start page */
.choose_category {background: url('') no-repeat top left transparent; width:432px; height:63px; padding:0 !important; line-height:63px; text-align:center; font-size:15px; font-weight:bold; margin-bottom: 0px;}

.table-cat {
	border-top: 3px solid #515966;
	border-left: 3px solid #515966;
	border-right: 3px solid #515966; 
	border-bottom: 3px solid #515966; 
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-border-radius: 3px 3px 3px 3px;
	width:420px;
	height:auto;
	float:left;
	margin: 0px 0px 0px 266px;}
	
ul.category1 {
	width:385px;
	margin: 14px 0px 0px 20px;
	display: block;
	clear: both;
	padding: 0px;}
	




ul.category1 li, ul.category2 li {float: left; text-decoration:none; display: block;}

ul.category1 li a, ul.category2 li a {
	background: url("../images/cat-bgr.gif") no-repeat top left transparent;
	width:49px;
	height:43px; 
	margin:0 6px 6px 0; 
	display:block; 
	float:left; 
	text-align: center; 
	text-decoration: none; 
	line-height:43px; 
	color:#e2e2e2;}
	
ul.category1 li a:hover, ul.category2 li a:hover {
	background: url("../images/cat-bgr-hover.gif") no-repeat top left transparent;}
	
ul.category1 li a.activ, ul.category2 li a.activ {background: url("../images/cat-bgr-active.gif") no-repeat top left transparent;}

.start_exam {
	width:420px;
	height:105px;
	background: url("../images/start-exam.png") no-repeat top left transparent;
	padding-top:15px;
	text-align: center;}
	
.start_exam_btn, .start_training_btn_2, .start-training_btn, .inactive_button {
	width:115px;
	height:58px;
	background: no-repeat top left transparent;
	float:left;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	text-align:center;
	padding: 15px 0px 0px 0px;
	text-transform: uppercase;
	}
	
	
.start_exam_btn, .inactive_button {
	float:left;
	margin: 10px 4px 7px 17px;}
	
.start_exam_btn {
	background: url('../images/button_red.png') left top no-repeat;
	text-shadow: -1px -1px 0px #4a0300;	
	}
	
.inactive_button {
	background: url('../images/button_gray.png') left top no-repeat;
	text-shadow: -1px -1px 0px #474747;
}


.start_training_btn_2 {background-image: url("../images/start-exam_btn_2.png");}


.start_exam_btn2 {
	background: url('../images/button_yellow.png') left top no-repeat;
	text-shadow: -1px -1px 0px #544f00;}

.start-training_btn {
	background: url('../images/button_green.png') left top no-repeat;
	margin: 10px 3px 7px 17px;
	text-shadow: -1px -1px 0px #004e00; }
	 
.loading{margin-left: 49px; width: 32px; margin-right: 49px; display:inline-block; padding-top: 14px;}


/* rejim-na-izpit page */
.start_choice {width:432px; height:auto; padding:15px 0; text-align: center;}
.exam-choice_btn, .verification-choice_btn {width:185px; height:181px; background: no-repeat top left transparent; display:inline-block; text-indent:-999999px; margin:0 8px;}
.exam-choice_btn {background-image: url("../images/exam-choice_btn.jpg");}
.verification-choice_btn {background: url("../images/verification-choice_btn.jpg");}


/* check-up */
#page3 ul.answer {background: url("../images/check-answer.jpg") no-repeat bottom left transparent; font: 13px/27px "Trebuchet MS", Verdana, Arial, sans-serif; list-style: none outside none; margin:0; padding:0 15px 15px; height:275px;}
.answer li a strong img {display:inline-block; float: right; margin: 10px;}
.wrong strong {background-color:#ed1b2f; height: 16px; line-height: 15px; margin: 5px 6px; color:#fff;}
.correct strong {background-color:green; height: 16px; line-height: 15px; margin: 5px 6px; color:#fff;}

#page3 .result li{height:21px; margin:0; padding:0 20px 0 5px; background: url("../images/li_fail.gif") no-repeat top left transparent; font-size:13px; color:#efefef; line-height:19px; text-align:right;}
#page3 .result li:last-child {background: url("../images/li_fail_last.gif") no-repeat top left transparent !important;}
#page3 .result li strong {color:#fff;}

/* result */
.finalresult {background: url("../images/div_result.gif") no-repeat top left transparent !important; width:432px; height:228px; padding: 10px;}
.finalresult img {float:left;}
p.correct {background: url("../images/correct.gif") no-repeat top left transparent !important; display: block; width:216px; height:44px; padding: 0 0 0 10px; line-height:44px; float:right; margin:0 10px 8px 0;}
p.incorrect {background: url("../images/incorrect.gif") no-repeat top left transparent !important; display: block; width:216px; height:44px; padding: 0 0 0 10px; line-height:44px;float:right; margin:0 10px 5px 0;}
p.points {background: url("../images/points.gif") no-repeat top left transparent !important; display: block; width:413px; height:37px; line-height:37px;float:left; margin:10px 10px 2px 0; text-align:center; padding: 0;}
p.download_result {background: url("../images/download_result.gif") no-repeat top left transparent !important; display: block; width:413px; height:37px; line-height:37px;float:left; margin:10px 10px 2px 0; text-align:center; padding: 0; color:#e8e8e8;}

/* modal window */
.testover_btn , .testcontinue_btn {float:left; background: no-repeat top left transparent; width:193px; height:44px; display:inline-block; text-indent:-999999px; margin:25px 25px 25px 0;}
.testover_btn {background-image: url("../images/testover_btn.gif");}
.testover_btn:hover {background-image: url("../images/testover_btn-h.gif");}
.testcontinue_btn {background-image: url("../images/testcontinue_btn.gif")}
.testcontinue_btn:hover {background-image: url("../images/testcontinue_btn-h.gif");}

/* footer */
footer {height:120px;font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#696969;line-height:18px}
footer a {color:#c53005;text-decoration:underline}
footer a:hover {text-decoration:none}


.banner a img, .banner a img {
	display: block;
	width: 320px;
	height: 152px;
	}
	
.banner, .banner2, .banner2_left, .banner_right {
	float:left;
	margin: 20px 0px 7px 0px;
	}
	
	
.banner2_left {
	margin-right: 5px;}
	
.banner {margin-right: 10px;}
	
.banner2, .banner_right  {
	float:right;}

	
	
.login_registration {
	float: left;
	position: relative;
	width: 300px;
	margin: 27px 0px 0px;}
	
	
	
	
	
/* login */
.buttons {
	width: 169px;
	margin: 0px auto;}
	

.buttons a.login, a.registration {
	background: #4b8620;
	float:left;
	color: #fff;
	background-image: linear-gradient(bottom, rgb(59,111,25) 9%, rgb(100,170,43) 65%);
	background-image: -o-linear-gradient(bottom, rgb(59,111,25) 9%, rgb(100,170,43) 65%);
	background-image: -moz-linear-gradient(bottom, rgb(59,111,25) 9%, rgb(100,170,43) 65%);
	background-image: -webkit-linear-gradient(bottom, rgb(59,111,25) 9%, rgb(100,170,43) 65%);
	background-image: -ms-linear-gradient(bottom, rgb(59,111,25) 9%, rgb(100,170,43) 65%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, rgb(59,111,25)),
		color-stop(0.65, rgb(100,170,43))
	);
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	-border-radius: 3px 0px 0px 3px;
	font-weight: bold;
	padding: 4px 12px;
	text-shadow: -1px -1px 0px #46861e;
	font-size: 14px;
	border-right: 1px solid #3e731a;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64aa2b', endColorstr='#3c7019',GradientType=0 );}
	
.buttons a.registration {
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	-border-radius: 0px 3px 3px 0px;
	border-left: 1px solid #6ca044;
	border-right: none;}
	
	
.buttons a.login:hover, a.registration:hover {
	background: #5a9b26;
	text-decoration: none;}
	
	
.blur {
	background: #000;
	position: fixed;
	top: 0px;
	display: none;
	left: 0px;
	width:100%;
	height: 100%;
	z-index: 11;
	opacity: 0.7}
	
#login_box{
	position: absolute;
	z-index: 15;
	top: 6px;
	left: -9px;
	display:none;}
	
#registration_box{
	top: 7px;
	right: 43px;
	position: absolute;
	z-index: 15;}
	
#registration_box{
	display: none;}
	
.login_header, .registration_header {
	color: #3e731a;
	font-weight: bold;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-border-radius: 3px 3px 0px 0px;
	background: #f2f2f2;
	padding: 9px 13px 16px 13px;
	font-size: 14px;}
	
.registration_header {
	margin: 0px 0px 0px 57px;}
	
.inner_login_box, .inner_registration_box {
	background: #c6c3c3;
	width: 212px;
	padding: 10px 0px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-border-radius: 3px 3px 3px 3px;
	background-image: -o-linear-gradient(bottom, rgb(198,195,195) 4%, rgb(242,242,242) 57%);
	background-image: -moz-linear-gradient(bottom, rgb(198,195,195) 4%, rgb(242,242,242) 57%);
	background-image: -webkit-linear-gradient(bottom, rgb(198,195,195) 4%, rgb(242,242,242) 57%);
	background-image: -ms-linear-gradient(bottom, rgb(198,195,195) 4%, rgb(242,242,242) 57%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.04, rgb(198,195,195)),
		color-stop(0.57, rgb(242,242,242))
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#c0bfbf',GradientType=0 );
}

.inner_registration_box {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-border-radius: 3px;}
	
.login_input, .password_input, .input_error {
	background: #fff url('https://www.listovkite.bg/images/login_icon.png') left top no-repeat;
	width: 150px;
	height: 27px;
	padding: 0px 0px 0px 40px;
	border-top: 1px solid #dfdfdf;
	border-right: 2px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-bottom: 2px solid #dfdfdf;
	margin: 0px 0px 10px 2px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #454545;}
	

		
.login_input:focus, .password_input:focus {
	background: #fff url('https://www.listovkite.bg/images/login_icon.png') left bottom no-repeat;
	border-right: 2px solid #6a904e;
	border-bottom: 2px solid #6a904e;
	border-left: 1px solid #6a904e;
	border-top: 1px solid #6a904e;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(65, 115, 26, 1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(65, 115, 26, 1);
	box-shadow: 0px 0px 5px 0px rgba(65, 115, 26, 1);
	outline:none;}
	
	
.input_error { box-shadow: 0px 0px 5px #F00; border: 1px solid #F00;}
.error_text { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #f00;}
	
	
	
.password_input {
	background: #fff url('https://www.listovkite.bg/images/password_icon.png') left top no-repeat;}
	
.password_input:focus {
	background: #fff url('https://www.listovkite.bg/images/password_icon.png') left bottom no-repeat;}
	
.inner_registration_box .password_input:focus {
	background: #fff}

.inner_registration_box input[type=text], .inner_registration_box input[type=password]{
	background: #fff;
	padding-left:5px;
	width: 184px;}
	
.inner_login_box input[type=submit], .inner_registration_box input[type=submit], .forgoten_pass input[type=submit], .change_pass_inner input[type=button] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-border-radius: 3px;
	background: #4b8620;
	color: #fff;
	text-shadow: -1px -1px 0px #45841d;
	font-size: 14px;
	margin: 0px 0px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 6px 11px;
	float: left;
	border:none;
	background-image: linear-gradient(bottom, rgb(61,114,26) 4%, rgb(105,175,48) 66%);
	background-image: -o-linear-gradient(bottom, rgb(61,114,26) 4%, rgb(105,175,48) 66%);
	background-image: -moz-linear-gradient(bottom, rgb(61,114,26) 4%, rgb(105,175,48) 66%);
	background-image: -webkit-linear-gradient(bottom, rgb(61,114,26) 4%, rgb(105,175,48) 66%);
	background-image: -ms-linear-gradient(bottom, rgb(61,114,26) 4%, rgb(105,175,48) 66%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.04, rgb(61,114,26)),
		color-stop(0.66, rgb(105,175,48))
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64aa2b', endColorstr='#3c7019',GradientType=0 );
	}
	
	
.inner_login_box input[type=submit]:hover, .inner_registration_box input[type=submit]:hover, .forgoten_pass input[type=button]:hover, .change_pass_inner input[type=button]:hover {
	background: #589926}

	
.inner_login_box input[type=checkbox], .inner_registration_box input[type=checkbox] {
	height: 14px;
	width: 14px;
	float: left;
	margin: 8px 0px 0px 15px;
	margin-top: 5px\0/IE8+9; }
	

.inner_login_box span.remember, .inner_registration_box span.remember {
	font-size: 13px;
	color: #3a3a3a;
	display: block;
	float:left;
	margin: 2px 0px 0px 5px;
	text-align: left;}	

.login_bottom {
	clear:both;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #cecece;
	box-shadow: inset 1px 1px 0px #e9e9e9;
	overflow: hidden;}
	
.login_bottom a {
	display:block;
	color: #2b5c07;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	margin: 0px 0px 0px 12px;
	font-weight: bold;
	font-size: 12px;
	text-shadow: 1px 1px 0px #efeded;
	text-align:left;}
	
.login_bottom a:hover {
	text-decoration: underline;}
	

.login_bottom a.new_reg, a.forgot_pass {
	background: url('https://www.listovkite.bg/images/new_reg.png') left 7px no-repeat;
	padding: 0px 0px 0px 18px}
	
	
.login_bottom a.forgot_pass {
	background: url('https://www.listovkite.bg/images/forgot_pass.png') left 6px no-repeat;}
	
.login_bottom label {
	clear:right;
	display: block;
	float:left;
	width: auto;
}

.login_bottom span {
	width: 150px;}
	
	
.fb {
	width: 408px;
	margin: 0px auto;
	clear: both;
	padding: 10px 0px;}
	
	
.relpos {
	width: 1000px;
	margin: 0px auto;
	position: relative;}
	
	
#game_window {
	position: absolute;
	z-index: 17;
	top:100px;
	left: 233px;
	width: 540px;
	-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 0px 15px #1c1c1c;
	padding: 0px 0px 20px 0px;
	background: #fff;}
	
	
#game_window  ul {
	list-style-type: none;
	padding: 30px 0px 0px 10px;}
	
.game_window_title {
	background: url('../images/game_window_title.png') left top no-repeat;
	width: 432px;
	height: 58px;
	float:left;
	margin: -32px 0px 0px 50px;}
	
#game_window ul li  {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #034568;
	margin: 0px 0px 0px 15px;
	padding: 7px 0px;}
	
#shofior_window {
	position: absolute;
	z-index: 17;
	top:100px;
	left: 233px;
	width: 540px;
	-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 0px 15px #1c1c1c;
	padding: 0px 0px 20px 0px;
	background: #fff;}
	
	
#shofior_window  ul {
	list-style-type: none;
	padding: 30px 0px 0px 10px;}
	
.shofior_window_title {
	background: url('../images/shofior_window_title.png') left top no-repeat;
	width: 432px;
	height: 58px;
	float:left;
	margin: -32px 0px 0px 50px;}
	
#shofior_window ul li  {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #034568;
	margin: 0px 0px 0px 15px;
	padding: 7px 0px;}
	
.small_text {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	display: block;
	margin: 0px 0px 0px 20px;}
	
.game_window_bottom {
	width: 100%;
	padding: 15px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #c4bfc3;}
	
.game_close {
	position: absolute;
	margin-left: 20px;
	margin-top: 5px;
}
	
	
	
.login_button, .reg_button{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	color:#fff;
	border: 1px solid #fff;
	background: #398306;
	background-image: linear-gradient(bottom, #245907 1%, #50B511 64%);
	background-image: -o-linear-gradient(bottom, #245907 1%, #50B511 64%);
	background-image: -moz-linear-gradient(bottom, #245907 1%, #50B511 64%);
	background-image: -webkit-linear-gradient(bottom, #245907 1%, #50B511 64%);
	background-image: -ms-linear-gradient(bottom, #245907 1%, #50B511 64%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, #245907),
		color-stop(0.64, #50B511)
	);
	box-shadow: 1px 1px 2px #798071;
	text-shadow: -1px -1px 0px #52873c;
	padding: 7px 12px;
	font-weight: bold;
	font-size: 16px;
	float:left;
	margin: 0px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;}
	
	
	
.reg_button {
	background: #a6960b;
	background-image: linear-gradient(bottom, #807005 1%, #C4CA0C 71%);
	background-image: -o-linear-gradient(bottom, #807005 1%, #C4CA0C 71%);
	background-image: -moz-linear-gradient(bottom, #807005 1%, #C4CA0C 71%);
	background-image: -webkit-linear-gradient(bottom, #807005 1%, #C4CA0C 71%);
	background-image: -ms-linear-gradient(bottom, #807005 1%, #C4CA0C 71%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, #807005),
		color-stop(0.71, #C4CA0C)
	);

	text-shadow: -1px -1px 0px #989f03;
}
	
.buttons2{
	margin: 0px auto;
	width: 220px;}



.logedin_text {
	font-size: 12px;
	font-weight:bold;
	background: #e5e5e5;
	line-height: 18px;
	margin: 5px 0px 0px 0px;}
	
	

.logedin_text2 {
	font-size: 14px;
	display:block;
	clear:both;
	}
	
.logout_button {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	background: #e10726;
	color: white;
	padding: 5px 7px;
	float:left;
	color: #fff;
	text-shadow: -1px -1px 0px #b0041c;}


.start_game_button {
	height: 20px;
	padding: 3px 7px 5px 7px;
	font-weight: bold;
	font-size: 14px;
	background: #bb980a;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	text-shadow: -1px -1px 0px #9d970a;
	width: 90px;
	float:left;
	margin: 0px 5px 0px 0px;
	}
	
.logedin_buttons_box {
	margin: 0px 0px 0px 57px;}
	
	

.blur2{ 
	background: #000;
	position: fixed;
	top: 0px;
	left: 0px;
	width:100%;
	height: 100%;
	z-index: 11;
	opacity: 0.7;
	display:none;
}



.message_box {
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	padding: 20px;
	width: 400px;
	position:absolute;
	z-index: 17;
	height:auto;
	box-shadow: 0px 0px 10px #000;
	display:none;
	left: 277px;
}
	
	
.message_title {
	font-size: 24px;
	color: #16a122;
	display: block;
	width: 150px;
	margin: 0px auto;
	font-weight: bold;}
	
	
.message_type {
	width: 356px;
	margin: 20px 0px 10px 12px;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #ccc;
	padding: 10px;
	font-size:13px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;}
	
	
.message_type:focus {
	border-top: 1px solid #0984ad;
	border-bottom: 2px solid #0984ad;
	border-left: 1px solid #0984ad;
	border-right: 2px solid #0984ad;
	box-shadow: 0px 0px 5px #0984ad;
	}




.message_inner_button {
	background: #1ccb2b;
	color: #fff;
	margin: 0px auto;
	width: 110px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	padding: 7px 10px;
	font-weight: bold;
	display: block;
	text-shadow: -1px -1px 0px #20e731;}
	
	
.message_inner_button:hover {
	background: #20e731;}
	
.message_small_text {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	font-weight: 200;
	text-align: center;
}

.message_content {
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

.rules_link {
	margin-left: 0px !important;
}


.outer_window{ 
	position: relative;
	width: 1000px;
	margin: 0px auto;}


.obligation_box {
	background: #d9d9d9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	padding: 5px 10px 5px 10px;
	float:left;
	border: 1px solid #acacac;
	margin: 5px 0px 0px 15px;}
	

.obligation_title {
	font-size: 13px;
	font-weight: bold;
	float: left;
	display: inline-table;
}	
	
.forgoten_pass {
	position: absolute;
	z-index: 17;
	display:none;
	left: 289px;
	top: 100px;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	padding: 10px 10px 10px 10px;
	width: 400px;}
	
.forgoten_pass .login_input {
	background:none;
	padding-left: 10px;}
	
	
.forgoten_pass_title {
	display: block;
	clear:both;
	color: #397103;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	width: 170px;
	margin: 0px auto;}
	
.forgoten_pass label {
	float:left;
	margin: 20px 0px 0px 10px;}
	
.forgoten_pass input[type=submit] {
	float:none;
	margin-left: 15px;}
	
.mail2 {
	font-size: 15px;
	color: #3b3b3b;
	font-weight: bold;
	float:left;
	margin: 5px 15px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
}


.close_window {
	background: url('https://www.listovkite.bg/images/close_window.png') right top no-repeat;
	width: 25px;
	height: 22px;
	float:right;
	margin: 0px -150px 0px 0px;
	cursor: pointer;
	}
	
	
.change_pass {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #438700;}
	
	
a.change_pass:hover { text-decoration:underline;}


.change_pass_box {
	position: absolute;
	left: 30px;
	top: 110px;
	z-index: 17;}

.change_pass_title {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #438700;
	background: #fff;
	-moz-border-radius: 3px;
	-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 10px;}
	
.change_pass_inner {
	background: #fff;
	padding: 15px 0px 15px 0px;
	-moz-border-radius: 3px;
	-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 250px;}
	
	
.change_pass_inner .password_input {
	background:none;
	padding-left: 10px;
	width: 180px;}
	
	
.change_pass_inner input[type=button] {float:none;}
	
/* user pannel */


.outer_interface_box {width: 650px; margin: 0px auto;}

.user_interface {
	background: #fff;
	-moz-border-radius: 3px;
	-border-radius: 3px;
	-webkit-border-radius: 3px;
	width:540px;
	min-height:360px;
	clear:both;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 20px 0px;}
	
	
.user_menu {
	clear: both;
	margin: 20px 0px 6px 5px;}
	
.inactive_user_button, .active_user_button {
	background:#609103;
	-moz-border-radius: 3px 3px 0px 0px;
	-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	padding: 10px 15px 8px 15px;
	background-image: linear-gradient(bottom, rgb(81,130,3) 38%, rgb(129,183,4) 99%);
	background-image: -o-linear-gradient(bottom, rgb(81,130,3) 38%, rgb(129,183,4) 99%);
	background-image: -moz-linear-gradient(bottom, rgb(81,130,3) 38%, rgb(129,183,4) 99%);
	background-image: -webkit-linear-gradient(bottom, rgb(81,130,3) 38%, rgb(129,183,4) 99%);
	background-image: -ms-linear-gradient(bottom, rgb(81,130,3) 38%, rgb(129,183,4) 99%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.38, rgb(81,130,3)),
		color-stop(0.99, rgb(129,183,4))
	);


}
	
.active_user_button {
	background: #fff;
	color: #547f02;
	padding: 10px 15px;}
	
	
	
.left_col_info {
	background: url('../images/categories_shadow2.png') right top no-repeat;
	height: 235px;
	width: 220px;
	
	}
	
.left_col_info ul li {
	text_decoration:none;
	display: block;
	list-style-type: none;
	color: #3b3b3b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding: 7px 10px 7px 7px;
	border-bottom: 1px dashed #bcbaba;}
	
	
.left_col_info ul {
	padding: 7px 20px 0px 10px ;
	margin: 0px;}
	
	
.user_name2 {color: #517904; float:right;}

.left_col_info .logout_button, .logout_button_special {
	border: none;
	padding: 5px 15px;
	margin: 10px 0px 0px 70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	background-image: linear-gradient(bottom, rgb(173,0,14) 38%, rgb(233,2,44) 99%);
	background-image: -o-linear-gradient(bottom, rgb(173,0,14) 38%, rgb(233,2,44) 99%);
	background-image: -moz-linear-gradient(bottom, rgb(173,0,14) 38%, rgb(233,2,44) 99%);
	background-image: -webkit-linear-gradient(bottom, rgb(173,0,14) 38%, rgb(233,2,44) 99%);
	background-image: -ms-linear-gradient(bottom, rgb(173,0,14) 38%, rgb(233,2,44) 99%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.38, rgb(173,0,14)),
		color-stop(0.99, rgb(233,2,44))
	);

 }
 
 
.left_col_info .logout_button:hover, .logout_button_special:hover {
	 background: #d20121;}
	 
	 
	 
.user_right_col {
	float:right;
	width: 310px;}
	
	
.user_title {
	color: #056c97;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	margin: 10px 0px 15px 40px;}
	
	
.change_info {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3b3b3b;
	float:left;}
	
.user_right_col label {
	display: block;
	width: 300px;
	height: 50px;
	padding: 0px 7px 0px 10px}
	
	
	
.user_right_col input[type=text] {
	float:right;
	width: 150px;
	background: none;
	padding-left: 10px;}
	
.change2 {
	float:right;
	margin: 10px 0px 0px 0px;}
	
	
.user_right_col input[type=submit], .submit_button_global{
	float:right;
	display:block;
	border: 0px;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	padding: 5px 11px;
	background: #0574a1;
	-moz-border-radius: 3px;
	-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: -1px -1px 0px #035678;
	background-image: linear-gradient(bottom, rgb(4,106,146) 38%, rgb(6,127,179) 83%);
	background-image: -o-linear-gradient(bottom, rgb(4,106,146) 38%, rgb(6,127,179) 83%);
	background-image: -moz-linear-gradient(bottom, rgb(4,106,146) 38%, rgb(6,127,179) 83%);
	background-image: -webkit-linear-gradient(bottom, rgb(4,106,146) 38%, rgb(6,127,179) 83%);
	background-image: -ms-linear-gradient(bottom, rgb(4,106,146) 38%, rgb(6,127,179) 83%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.38, rgb(4,106,146)),
		color-stop(0.83, rgb(6,127,179))
	);
}

.anketa_step
{
	padding-left: 30px;
	padding-top: 10px;
	font-size: 19px;
	font-weight: bold;
	color: #056C97;
}

.anketa_step_text
{
	padding-left: 30px;
	color: #056C97;

}

.anketa_step_progress
{
	padding-left: 30px;
	font-size: 13px;
	color: #056C97;
}

.anketa_sms_price{
	padding-left: 30px;
	margin-top: 10px;
	font-size: 11px;
}

.anketa_success{
	padding-left: 120px;
	margin-top: 10px;
	font-size: 14px;
}

.anketa_not{
	padding-left: 30px;
	padding-top: 40px;
	line-height: 16px;
	font-style: italic;
	width: 590px;
}


.user_right_col input[type=submit]:hover, .submit_button_global:hover {
	background: #0377a6;}
	
	
.left_user_col {
	width: 220px;
	float:left;}
	
	
.vip_box {
	margin: 10px 0px 0px 0px;
	background: url('../images/categories_shadow3.png');
	margin-left: -13px;
	padding: 10px 0px;
	width: 233px;
	height: 119px;
}
	
	
.vip_title {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4a4a4a;
	display: block;
	margin: 10px auto;
	width: 100px;
	margin-left: 72px;}
	
	
.vip_text {
	text-align: center;
	color: #016484;
	font-size:13px;
	display:block;
	padding: 5px 0px;
	margin-left: 10px;}


.questions_title {
	color: #016484;
	font-size: 18px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-seri;
	display:block;
	margin: 0px auto;
	width: 200px;
	padding: 10px 0px 4px 0px;}
	
.category_box {
	-moz-border-radius: 3px;
	-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ececec;
	background: #f7f6f6;
	padding: 0px 5px 0px 10px;
	height: 80px;
	float:left;
	margin: 5px 0px 0px 0px;
		background-image: linear-gradient(bottom, #F3F1F1 31%, #FBFBFB 86%);
	background-image: -o-linear-gradient(bottom, #F3F1F1 31%, #FBFBFB 86%);
	background-image: -moz-linear-gradient(bottom, #F3F1F1 31%, #FBFBFB 86%);
	background-image: -webkit-linear-gradient(bottom, #F3F1F1 31%, #FBFBFB 86%);
	background-image: -ms-linear-gradient(bottom, #F3F1F1 31%, #FBFBFB 86%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.31, #F3F1F1),
		color-stop(0.86, #FBFBFB)
	);}
	
	
.categories {
	background: url('../images/categories_shadow.png') right top no-repeat;
	padding: 7px 20px 0px 0px;
	height: 83px;
	font-size: 23px;
	font-weight: bold;
	color: #676767;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	width: 40px;
	text-align: center;
	}

.answered {
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #006da5;
}

.total {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #006da5;
}

.error_title {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #ec3838;
}
	
	
.mistakes {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #006da5;
	display: block;
	text-align: center;
	width: 140px;
	margin: 7px 0px 0px 0px;
	}
	
.mistakes_box {
	wisth: 140px;
	float:left;
	margin: 0px 10px 0px 10px;}
	
.new_test {
	background: url('../images/generate_new.png') left top no-repeat;
	width: 112px;
	height: 47px;
	float:left;
	margin: 17px 0px 0px 0px;}
	
.new_test:hover {background: url('../images/generate_new.png') left bottom no-repeat;}


.remake {
	background: url('../images/button_wrong.png') left top no-repeat;
	width: 112px;
	height: 47px;
	float:left;
	margin: 17px 0px 0px 0px;}
	
.remake:hover {background: url('../images/button_wrong.png') left bottom no-repeat;}

.user1 {
	background: url('../images/button_user1.png') left top no-repeat;
	width: 112px;
	height: 47px;
	float:left;
	margin: 17px 0px 0px 0px;}
	
.user1:hover {background: url('../images/button_user1.png') left bottom no-repeat;}


.user2 {
	background: url('../images/button_user2.png') left top no-repeat;
	width: 112px;
	height: 47px;
	float:left;
	margin: 17px 0px 0px 0px;}
	
.user2:hover {background: url('../images/button_user2.png') left bottom no-repeat;}


.user3 {
	background: url('../images/button_user3.png') left top no-repeat;
	width: 112px;
	height: 47px;
	float:left;
	margin: 17px 0px 0px 0px;}
	
.user3:hover {background: url('../images/button_user3.png') left bottom no-repeat;}


.message_buttons_text {
	text-align: center;
	font-weight: bold;
}

.vip_line {
	width: 400px;
	font-weight: bold;
	padding-left: 10px;
	text-align: center;
}
	
	
.vip_status {
	background: #ff3c3c; 
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-shadow: -1px -1px 0px #d83a57;
	padding: 11px 0px;
	text-align: center;
	width: 320px;
	float:left;
	margin: 16px 0px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;}
	
.title_more {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	padding: 11px 0px;
	text-align: center;
	width: 320px;
	margin: 16px 0px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;}
	
.title_describe {
	font-size: 13px;
}
	
.vip_green {
	font-size: 12px;
	background: #00cc33;
	text-shadow: -1px -1px 0px #339933;
}
	
	
.vip_inner_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #016484;
	display: block;
	float:left;
	margin: 10px 0px 10px 10px;}
	
.vip_inner_text b {
	color: #5c8c03;
	font-size: 17px;}



.vip_table { 
  width: 300px;
  float:left;
  margin: 20px 0px 0px 0px;
  font-family:Arial, Helvetica, sans-serif;}
  
  
.vip_table table thead tr {
	background: url('../images/thead.png')left top no-repeat;
	width: 316px;
	color: #fff;
	height: 30px;
	display: block;
	font-weight:bold;
	font-size:17px;
	text-shadow: -1px -1px 0px #727272;
	padding: 0px 10px 2px 10px;}
	 
.vip_table table thead tr td, .vip_table table tbody tr td  {
	padding: 7px;}
	
	
.vip_table table tbody tr td {
	padding: 2px 13px 2px 15px;
	font-size:13px;
	color: #606060;
	text-shadow: 1px 1px 0px #fefefe;}
	 

.vip_table table tbody tr {
	background: url('../images/table_body.png') left top repeat-x;
	height: 35px;
	width: 326px;
	display: block;
	padding: 0px 0px 0px 10px;}
	
	
	
	
	
	
.license_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color: #4f4f4e;
	width: 300px;
	padding: 20px 0px 0px 0px;
	margin: 0px auto;
	display: block;}
	
	
.license_inner_box{
	padding: 30px 0px 0px 20px;}
	
.license_inner_box input.login_input {
	background: none;
	width: 174px;
	padding-left: 10px;}	
	
	
.license_inner_box select.login_input {
	background: none;
	width: 144px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;}	

	
	
.license_inner_box input.login_input:focus, .license_inner_box select.login_input:focus {
	border-color: #0a6ea2;
	box-shaow: 0px 0px 10px #0a6ea2;}
	
.license_inner_box label.label_right, .license_inner_box label.label_left {
	display: block;
	width: 210px;
	margin: 10px 0px 0px 0px;}
	
.license_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0a6ea2;
	display: block;
	float:left;
	width: 136px;
	margin: 0px 5px 0px 0px;}
	
.label_right {
	float:right;}
	
.label_left {
	float:left;}
	
	
.checkbox_text {
	width: 700px;
	display: block;
	float:left;
	margin-top: 20px;
	color: #333333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;}
	
	
.checkbox_text input[type=checkbox] {
	width: 13px;
	height: 13px;
	float: left;
	display:block;
	margin: 5px 10px 0px 0px;}

.ads_header{
	width: 100%;
	height: 87px;
	padding-bottom: 0px;
}

.ads_header .ad{
	width: 946px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 13px;
}

#flashContainer {
    position: relative;
}
#flash { 
    z-index: 5;
}
#shim {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 946px;
    height: 75px;
    z-index: 10;
}