﻿/* styles for the tutorial overlay */
	.tutorial_overlay{
		background: url(/images/tutorial/overlay.png);
		cursor: default;
		display: none;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 50000;
	}
		.tutorial_content{
			height: 100%;
			margin-left: auto !important;
			margin-right: auto !important;
			position: absolute;
			text-align: left;
			width: 100%;
		    max-width: 1270px;
		    margin: 0;
		}
			.tutorial_bullet{
				background: url(/images/tutorial/bullet.png);
				background-repeat: no-repeat;
				cursor: pointer;
				height: 27px;
				position: absolute;
                /*position: relative;*/
				width: 27px;
				z-index: 60000;
			}
			/*.tut_bull_0{
				left: 1090px;
				top: 67px;
			}*/
			/*.tut_bull_1{
				left: 1031px;
				top:528px;
			}*/
			/*.tut_bull_2{
				left: 0;
				top: 0;
			}*/
			/*.tut_bull_3{
				left: 0;
				top: 0;
			}
			.tut_bull_4{
				left: 1031px;
				top: 664px;
			}
			.tut_bull_5{
				left: 319px;
				top: 1230px;
			}
			.tut_bull_6{
				left: 944px;
				top: 102px;
			}*/
			a.tutorial_btn_next{
				background: url(/images/tutorial/btn_next.png);
				background-repeat: no-repeat;
				display: block;
				height: 34px;
				overflow: hidden;
				position: absolute;
				width: 53px;
			}

			a.tutorial_btn_next:hover{
				background-position: left bottom;
			}

            a.tutorial_btn_done{
				background: url(/images/tutorial/btn_done.png);
				background-repeat: no-repeat;
				display: block;
				height: 34px;
				overflow: hidden;
				position: absolute;
				width: 53px;
			}

            a.tutorial_btn_done:hover{
				background-position: left bottom;
			}

			a.tutorial_btn_close{
				background: url(/images/tutorial/btn_close.png);
				background-repeat: no-repeat;
				display: block;
				height: 20px;
				overflow: hidden;
				position: absolute;
				width: 21px;
			}
			a.tutorial_btn_close:hover{
				background-position: left bottom;
			}
			.bg_tutorial_0{
			    background-color: black;
				background: url(/images/tutorial/bg_tutorial_0.png);
				background-repeat: no-repeat;
				height: 178px;
				left: 972px;
				position: absolute;
				top: 87px;
				width: 349px;
				z-index: 50010;
			}

            .bg_tutorial_0 > span {
                font-weight: bold;
                color: white;
                font-size: 16px;
            }


				.bg_tutorial_0 .tutorial_btn_close {
					left: 0px;
					top: 50px;
				}
				.bg_tutorial_0 .tutorial_btn_next {
					left: 296px;
					top: 144px;
		     }
			.bg_tutorial_1{
				background: url(/images/tutorial/bg_tutorial_1.png);
				background-repeat: no-repeat;
				display: none;
				height: 235px;
				left: 0;
				position: absolute;
				top: 553px;
				width: 349px;
				z-index: 50011;
			}
				.bg_tutorial_1 .tutorial_btn_close {
					left: 0px;
					top: 50px;
				}
				.bg_tutorial_1 .tutorial_btn_next {
					left: 296px;
					top: 144px;
				}
			.bg_tutorial_2{
				background: url(/images/tutorial/bg_tutorial_2.png);
				background-repeat: no-repeat;
				display: none;
				height: 357px;
				left: 129px;
				position: absolute;
				top: 0;
				width: 349px;
				z-index: 50012;
			}
				.bg_tutorial_2 .tutorial_btn_close {
					left: 0px;
					top: 37px;
				}
				.bg_tutorial_2 .tutorial_btn_next {
					left: 296px;
					top: 131px;
				}
			.bg_tutorial_3{
				background: url(/images/tutorial/bg_tutorial_3.png);
				background-repeat: no-repeat;
				display: none;
				height: 281px;
				left: 0;
				position: absolute;
				top: 276px;
				width: 349px;
				z-index: 50013;
			}
				.bg_tutorial_3 .tutorial_btn_close {
					left: 0px;
					top: 39px;
				}
				.bg_tutorial_3 .tutorial_btn_next {
					left: 296px;
					top: 131px;
				}
			.bg_tutorial_4{
				background: url(/images/tutorial/bg_tutorial_4.png);
				background-repeat: no-repeat;
				display: none;
				height: 200px;
				left: 0;
				position: absolute;
				top: 688px;
				width: 349px;
				z-index: 50014;
			}
				.bg_tutorial_4 .tutorial_btn_close {
					left: 0px;
					top: 36px;
				}
				.bg_tutorial_4 .tutorial_btn_next {
					left: 296px;
					top: 131px;
				}
			.bg_tutorial_5{
				background: url(/images/tutorial/bg_tutorial_5.png);
				background-repeat: no-repeat;
				display: none;
				height: 277px;
				left: 0;
				position: absolute;
				top: 1253px;
				width: 349px;
				z-index: 50015;
			}
				.bg_tutorial_5 .tutorial_btn_close {
					left: 0px;
					top: 37px;
				}
				.bg_tutorial_5 .tutorial_btn_next {
					left: 296px;
					top: 131px;
				}


.bg_tutorial_6 {
    background: url(/images/tutorial/bg_tutorial_6.png);
    background-repeat: no-repeat;
    display: none;
    height: 277px;
    left: 0;
    position: absolute;
    top: 1253px;
    width: 349px;
    z-index: 50015;
}

    .bg_tutorial_6 .tutorial_btn_close {
        left: 0px;
        top: 52px;
    }

    .bg_tutorial_6 .tutorial_btn_next {
        left: 296px;
        top: 144px;
    }
.bg_tutorial_7 {
    background: url(/images/tutorial/bg_tutorial_7.png);
    background-repeat: no-repeat;
    display: none;
    height: 277px;
    left: 0;
    position: absolute;
    top: 1253px;
    width: 349px;
    z-index: 50015;
}

    .bg_tutorial_7 .tutorial_btn_close {
        left: 0px;
        top: 52px;
    }

    .bg_tutorial_7 .tutorial_btn_next {
        left: 296px;
        top: 144px;
    }

.bg_tutorial_8 {
    background: url(/images/tutorial/bg_tutorial_8.png);
    background-repeat: no-repeat;
    display: none;
    height: 277px;
    left: 0;
    position: absolute;
    top: 1253px;
    width: 349px;
    z-index: 50015;
}

    .bg_tutorial_8 .tutorial_btn_close {
        left: 0px;
        top: 52px;
    }

    .bg_tutorial_8 .tutorial_btn_next {
        left: 296px;
        top: 144px;
    }


.bg_tutorial_9 {
    background: url(/images/tutorial/bg_tutorial_9.png);
    background-repeat: no-repeat;
    display: none;
    height: 277px;
    left: 0;
    position: absolute;
    top: 1253px;
    width: 349px;
    z-index: 50015;
}

    .bg_tutorial_9 .tutorial_btn_close {
        left: 0px;
        top: 52px;
    }

    .bg_tutorial_9 .tutorial_btn_next {
        left: 296px;
        top: 144px;
    }

.bg_tutorial_10 {
    background: url(/images/tutorial/bg_tutorial_10.png);
    background-repeat: no-repeat;
    display: none;
    height: 277px;
    left: 0;
    position: absolute;
    top: 1253px;
    width: 349px;
    z-index: 50015;
}

    .bg_tutorial_10 .tutorial_btn_close {
        left: 0px;
        top: 52px;
    }

    .bg_tutorial_10 .tutorial_btn_next {
        left: 296px;
        top: 144px;
    }

    .bg_tutorial_11 {
    background: url(/images/tutorial/bg_tutorial_11.png);
    background-repeat: no-repeat;
    display: none;
    height: 277px;
    left: 0;
    position: absolute;
    top: 1253px;
    width: 349px;
    z-index: 50015;
}

    .bg_tutorial_11 .tutorial_btn_close {
        left: 0px;
        top: 52px;
    }

    .bg_tutorial_11 .tutorial_btn_next {
        left: 296px;
        top: 144px;
    }


    .bg_tutorial_12 {
    background: url(/images/tutorial/bg_tutorial_12.png);
    background-repeat: no-repeat;
    display: none;
    height: 277px;
    left: 0;
    position: absolute;
    top: 1253px;
    width: 349px;
    z-index: 50015;
}

    .bg_tutorial_12 .tutorial_btn_close {
        left: 0px;
        top: 52px;
    }



    .bg_tutorial_12 .tutorial_btn_done {
        left: 296px;
        top: 144px;
    }


a.tutorial_btn_done:hover {
    background-position: left bottom;
}
/* So users can click anywhere on the "overlay" to close */
	.tutorial_click_out{
		background: url(/images/spacer.gif);
		height: 100%;
		position: absolute;
		width: 100%;
		z-index: 50001;	/* 1 higher than .tutorial_overlay */
	}


@media only screen and (max-width:979px) {


}
