.period {
	font-family: Verdana;
	font-size: 93%;
	margin: 0 0 2em;
	padding-left: 32px;
	position: relative;
}
.period .icon {
	background-position: 0 -325px;
	width: 26px;
	height: 32px;
	left: 0;
	top: 50%;
	margin-top: -16px;
}


#mode {
	margin: 0 -5% 0 0;
	padding: 0.5em 0 1em;
}
#mode li {
	float: left;
	margin-right: 5%;
	width: 20%;
}
#mode h3,
#examples h3 {
	font-family: Verdana;
	font-size: 130%;
	line-height: 1.2;
}
#mode h4 {
	font-weight: normal;
	font-size: 90%;
	margin-bottom: 0.2em;
}
#mode .sum {
	font-family: Verdana;
	font-size: 110%;
}
#mode p {
	line-height: 1.3;
	margin-bottom: 1em;
}
#mode a {
	font-style: normal;
}


#examples {
	font-family: Verdana;
}
#examples h2 {
	font-size: 180%;
}
#examples h2 .pseudo_link {
	display: none;
}
.js #examples h2 .pseudo_link {
	font-size: 52%;
	display: inline;
}

#examples .not_display {
	display: none;
}

#examples h3 {
	clear: both;
	float: left;
	margin: 0 0 0.8em;
}
.js #examples h3 .pseudo_link {
	color: #00AEEF;
	cursor: pointer;
	border-bottom: 1px dashed;
}
.js #examples h3 .pseudo_link:hover {
	border-bottom: 1px dashed;
	cursor: pointer;
}
#examples h3 .pseudo_link,
#examples h3 .pseudo_link:hover {
	color: #000;
	cursor: auto;
	border: none;
}

.examples {
	clear: both;
}
.example {
	margin: 0 0 2em;
	padding-left: 20px;
}
.example .ticket {
	background: url("/media/html/f_top3/i/examples.png") no-repeat;
	height: 294px;
	width: 215px;
	float: left;
	margin: 0 -100% 0 0;
}
.example .desc {
	font-size: 86%;
	float: left;
	margin: 18px 245px 0 0;
	left: 245px;
	position: relative;
}
.example .desc p {
	margin-bottom: 0;
}

.assumption {
	background: #fff;
	margin: 0 0 2em -15px;
	float: left;
}

.assumption .content {
	padding: 15px;
}
.example .digits {
	background: url("/media/html/f_top3/i/examples_digits.png") no-repeat;
	display: inline-stack;
	display: inline-block;
	width: 61px;
	height: 19px;
	vertical-align: text-bottom;
	overflow: hidden;
	line-height: 5;
}
.example .variant_1 {
	clear: both;
	margin-bottom: 2em;
}

.ex_1 .variant_2 .digits {
	background-position: 0 -19px;
}

.ex_2 .ticket {
	background-position: 0 -294px;
}
.ex_2 .assumption .digits {
	background-position: 0 -38px;
}
.ex_2 .variant_1 .digits {
	background-position: 0 -57px;
}
.ex_2 .variant_2 .digits {
	background-position: 0 -76px;
}

.ex_3 .ticket {
	background-position: 0 -588px;
}
.ex_3 .assumption .digits {
	background-position: 0 -95px;
}
.ex_3 .variant_1 .digits {
	background-position: 0 -114px;
}
.ex_3 .variant_2 .digits {
	background-position: 0 -133px;
}

.ex_4 .ticket {
	background-position: 0 -882px;
}
.ex_4 .assumption .digits {
	background-position: 0 -152px;
}
.ex_4 .variant_1 .digits {
	background-position: 0 -171px;
}
.ex_4 .variant_2 .digits {
	background-position: 0 -190px;
}

.ex_5 .ticket {
	background-position: 0 -1176px;
}
.ex_5 .assumption .digits {
	background-position: 0 -171px;
}
.ex_5 .variant_1 .digits {
	background-position: 0 -190px;
}
.ex_5 .variant_2 .digits {
	background-position: 0 -209px;
}

.ex_6 .ticket {
	background-position: 0 -1470px;
}
.ex_6 .assumption .digits {
	background-position: 0 -228px;
}
.ex_6 .variant_1 .digits {
	background-position: 0 -247px;
}
.ex_6 .variant_2 .digits {
	background-position: 0 -266px;
}


#check {
	font-family: Verdana;
	font-size: 86%;
	padding: 2em 0 0;
	position: relative;
}
#check h2,
#ticket h2 {
	font-size: 210%;
	margin:0 -40px 1em -60px;
	padding: 2em 0 0 27%;
}
#check h4 {
	line-height: 1.2;
}
#check .left_col,
#check .right_col {
	float: left;
	position: relative;
	width: 27%;
}
#check .left_col {
	margin: 0 -100% 0 0;
	padding: 130px 425px 0 0;
	width: 20%;
}
#check .right_col {
	left: 22%;
	padding: 100px 0 0 435px;
}
#check img {
	left: 24%;
	margin: 0 0 0 10px;
	position: absolute;
	top: 8em;
}
#check .left_col div,
#check .right_col div {
	padding-bottom: 1em;
}

#check .marks {
	clear: both;
	left: 335px;
	margin: 0 335px 0 22%;
	padding: 0 0 0 100px;
	position: relative;
}
#check .marks .icon {
	background: url("/media/html/f_top3/i/rules_markers.png") no-repeat;
	height: 22px;
	width: 82px;
	left: 0;
}

#ticket .phone {
	padding-top: 0.35em;
}


.ff #ticket li {
	text-indent: 0;
}

#ticket .ticket .image li {
	background: url("/media/html/f_top3/i/rules_ticket_hover_top3.png") no-repeat;
}

#ticket,
#check {
	margin: 0 -40px 0 -60px;
	padding: 0 40px 0 60px;
}

#ticket h2 {
	font-size:180%;
}

#ticket .about {
	padding-top: 0;
}
#ticket .phone {
	margin-top: 0;
}


#ticket .ticket .image .item01 {
	height:12px;
	left:102px;
	top:105px;
	width:124px;
}
#ticket .ticket .image .item02 {
	background-position:0 -14px;
	height:12px;
	left:153px;
	top:138px;
	width:124px;
}
#ticket .ticket .image .item03 {
	background-position:-129px 0;
	height:11px;
	left:186px;
	top:119px;
	width:20px;
}
#ticket .ticket .image .item04 {
	background-position:-153px 0;
	height:25px;
	left:109px;
	top:226px;
	width:113px;
}
#ticket .ticket .image .item05 {
	background-position:0 -28px;
	height:44px;
	left:32px;
	top:170px;
	width:185px;
}
#ticket .ticket .image .item06 {
	background-position:0 -91px;
	height:32px;
	left:28px;
	top:375px;
	width:266px;
}
#ticket .ticket .image .item07 {
	background-position:0 -74px;
	height:15px;
	left:54px;
	top:279px;
	width:218px;
}

#ticket .left .item01 {
	top:75px;
}
#ticket .right .item02 {
	top:161px;
}
#ticket .left .item03 {
	top:143px;
}
#ticket .right .item04 {
	top:255px;
}
#ticket .left .item05 {
	top:210px;
}
#ticket .left .item07 {
	top:300px;
}