@media all and (min-width:320px){@viewport{width:960px;scale:.5;orientation:landscape}}
body{font-size:1.2em}
#topContainer{background:#28282a;background:-moz-linear-gradient(top,#28282a 0,#0b0c10 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#28282a),color-stop(100%,#0b0c10));background:-webkit-linear-gradient(top,#28282a 0,#0b0c10 100%);background:-o-linear-gradient(top,#28282a 0,#0b0c10 100%);background:-ms-linear-gradient(top,#28282a 0,#0b0c10 100%);background:linear-gradient(to bottom,#28282a 0,#0b0c10 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#28282a', endColorstr='#0b0c10', GradientType=0);border-bottom:#a8903e 1px solid}
#top{height:34px;margin:0 auto;overflow:hidden;position:relative;width:960px}
#top div{color:#505151;line-height:32px}
#top .big{color:#fff;font-family:"Alegreya Sans SC",cursive;font-size:2em;line-height:32px}
#top .right{font-size:1.5em;line-height:32px;position:absolute;right:0;top:1px}
#top .right .officialTimeContainer,#top .right .playersOnline,#top .right .tables{border-left:#25292c 1px solid;border-right:#010101 1px solid;display:inline-block;font-weight:700;height:33px;padding:0 20px;vertical-align:top}
#top .right span:first-child{border-left:none}
#top .right span:last-child{border-right:none}
#top .right .officialTimeContainer{color:#ccc;display:none}
#top .right .officialTime{padding:0}
#headerContainer{background:#5c0507;background:-moz-linear-gradient(top,#5c0507 0,#a70003 50%,#5c0507 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#5c0507),color-stop(50%,#a70003),color-stop(100%,#5c0507));background:-webkit-linear-gradient(top,#5c0507 0,#a70003 50%,#5c0507 100%);background:-o-linear-gradient(top,#5c0507 0,#a70003 50%,#5c0507 100%);background:-ms-linear-gradient(top,#5c0507 0,#a70003 50%,#5c0507 100%);background:linear-gradient(to bottom,#5c0507 0,#a70003 50%,#5c0507 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c0507', endColorstr='#5c0507', GradientType=0);border-bottom:#926f49 1px solid;border-top:#926f49 1px solid;padding:20px 0}
header{margin:0 auto;position:relative;width:960px}
header .logo{display:block;left:50px;position:absolute;top:10px;z-index:2}
header .acceptRules{background-color:rgba(0,0,0,.2);border-radius:6px;color:#c9999b;display:none;left:20px;line-height:24px;padding:5px 0;position:absolute;text-align:center;top:210px;width:250px}
#panel{background-color:rgba(0,0,0,.2);border:rgba(184,21,29,.6) solid;border-radius:10px;box-shadow:rgba(0,0,0,.5) 0 0 5px inset;margin-left:300px;min-height:150px;padding:10px 15px;width:625px}
#panel div{color:#c9999b}
#panel .sectionsHead{border-bottom:#410102 1px solid;font-size:0}
#panel .sectionsHead .section{color:#fff;cursor:pointer;font-size:42px;padding:30px 0;text-shadow:rgba(0,0,0,.5) 1px 1px 1px;margin:15px}
#panel .sectionsHead .section:hover{text-decoration:underline}
#panel .sectionsHead .section.active{color:#e2ba5c}
#panel .sections{border-top:#8b3536 1px solid;padding-top:5px}
#panel .sections form .confirm{color:#fff;font-size:2em;margin-top:15px}
#panel .sections .section button,#panel .sections .section input{display:inline}
#panel .sections .section{display:none;padding:5px 15px 0}
#panel .sections .section[data-section=login] .nameOrEmail,#panel .sections .section[data-section=login] .password{vertical-align:middle;display:none}
#panel .sections .section[data-section=login] .nameOrEmail{display:none}
#panel .sections .section[data-section=login] input[name=nameEmail],#panel .sections .section[data-section=login] input[name=password]{margin:30px 0;width:100%;display:block;font-size:2em}
#panel .sections .section[data-section=login] input[name=password]{margin-left:0}
#panel .sections .section[data-section=login] button[type=submit]{font-size:2em;width:100%}
#panel .sections .section[data-section=login] .bSave{background:url(common/icons.png) -5px -2640px no-repeat;border:none;color:#c9999b;line-height:30px;padding-left:25px;font-size:1.5em;margin-top:30px}
#panel .sections .section[data-section=login] .bSave.active{background-position:-5px -2670px}
#panel .sections .section[data-section=register]{padding-bottom:20px}
#panel .sections .section[data-section=register] input[name=email]{margin-top:10px;width:400px}
#panel .sections .section[data-section=register] button[type=submit]{margin-left:5px;margin-top:10px}
#panel .sections .section[data-section=register] .chooseName,#panel .sections .section[data-section=register] .selectBirthDate{display:inline-block;margin-top:20px;vertical-align:middle;width:250px}
#panel .sections .section[data-section=register] input[name=name]{width:230px}
#panel .sections .section[data-section=register] select[name=birthDay]{margin-left:5px;width:80px}
#panel .sections .section[data-section=register] select[name=birthMonth]{width:120px}
#panel .sections .section[data-section=register] select[name=birthYear]{width:80px}
#panel .sections .section[data-section=register] .confirmPassword,#panel .sections .section[data-section=register] .enterPassword{display:inline-block;margin-top:20px;vertical-align:middle;width:250px}
#panel .sections .section[data-section=register] input[name=password]{margin-top:10px;width:230px}
#panel .sections .section[data-section=register] input[name=passwordConfirmation]{margin-left:5px;margin-top:10px;width:230px}
#panel .sections .section[data-section=register] .genders{position:absolute;right:70px;top:60px}
#panel .sections .section[data-section=register] .genders .bGender{background:url(index/gender.png) no-repeat;border:none;height:60px;position:relative;width:30px}
#panel .sections .section[data-section=register] .genders .bGender[data-gender=male]{background-position:-30px 0}
#panel .sections .section[data-section=register] .genders .bGender[data-gender=female]{margin-left:20px}
#panel .sections .section[data-section=register] .genders .bGender .arrow{background-image:url(common/icons.png);background-position:0 -3270px;background-repeat:no-repeat;display:none;height:30px;left:2px;position:absolute;top:55px;width:30px}
#panel .sections .section[data-section=register] .genders .bGender.active .arrow,#panel .sections .section[data-section=register] .genders .bGender:hover .arrow{display:block}
#panel .sections .section[data-section=register] .thankYou{color:#fff;font-size:2em;margin-top:15px}
#panel .sections .section[data-section=lost]{padding-bottom:20px}
#panel .sections .section[data-section=lost] input[name=nameEmail]{margin-top:10px;width:300px}
#panel .sections .section[data-section=lost] button[type=submit]{margin-left:5px;margin-top:10px}
#panel .sections .section[data-section=activationEmail]{padding-bottom:20px}
#panel .sections .section[data-section=activationEmail] input[name=email]{margin-top:10px;width:290px}
#panel .sections .section[data-section=activationEmail] button[type=submit]{margin-left:5px;margin-top:10px}
#refContainer{background-color:#131313;display:none}
#ref{height:150px;margin:0 auto;position:relative;width:960px}
#ref .picture{background-image:url(home/myPicture.png);background-repeat:no-repeat;height:112px;left:100px;position:absolute;top:20px;width:112px}
#ref .picture img{left:6px;position:absolute;top:6px}
#ref .name{color:#e3c470;font-size:2em;left:240px;position:absolute;top:50px}
#ref .nowYourRef{color:#898989;font-style:italic;left:240px;position:absolute;top:80px}
#stepsContainer{background:#131313;background:-moz-linear-gradient(top,#131313 0,#2a2a2a 50%,#131313 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#131313),color-stop(50%,#2a2a2a),color-stop(100%,#131313));background:-webkit-linear-gradient(top,#131313 0,#2a2a2a 50%,#131313 100%);background:-o-linear-gradient(top,#131313 0,#2a2a2a 50%,#131313 100%);background:-ms-linear-gradient(top,#131313 0,#2a2a2a 50%,#131313 100%);background:linear-gradient(to bottom,#131313 0,#2a2a2a 50%,#131313 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#131313', GradientType=0)}
#steps{padding:15px 0;text-align:center}
#steps div{background-image:url(index/steps.png);background-repeat:no-repeat;color:#a3977f;display:inline-block;font-family:"Alegreya Sans SC",sans-serif;font-size:2.2em;height:53px;line-height:50px;text-align:left;text-shadow:rgba(0,0,0,.75) 2px 2px 0;vertical-align:middle}
#steps .first{padding-left:80px;width:189px}
#steps .second{background-position:0 -53px;padding-left:100px;width:123px}
#steps .third{background-position:0 -106px;padding-left:100px;width:368px}
#lights{background-image:url(index/tipsContainerLights.png);background-repeat:repeat-x;box-shadow:rgba(0,0,0,.75) 2px 2px 5px;height:21px}
#contentContainer{background-color:#fff}
#content{margin:0 auto;padding:20px 0 40px;width:960px}
#content h1{color:red;font-family:"Alegreya Sans SC",sans-serif;font-size:2.2em}
#content .presentation{background-image:url(index/contentPresentation.jpg);background-position:right center;background-repeat:no-repeat;min-height:240px}
#content .presentation div{margin-right:335px;text-align:justify}
#content .presentation .first{margin-top:10px}
#content .presentation .second,#content .presentation .third{margin-top:30px}
#content .presentation .check{background-image:url(/data/check100.png);background-repeat:no-repeat;height:173px;margin-left:100px;margin-top:20px;width:400px}
#content .javascriptRequired{color:#ff000d;font-family:"Alegreya Sans SC",sans-serif;font-size:3em;line-height:50px;padding-bottom:30px}
#bottomContainer{background:#dadad9;background:-moz-linear-gradient(top,#dadad9 0,#fff 50%,#dadad9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dadad9),color-stop(50%,#fff),color-stop(100%,#dadad9));background:-webkit-linear-gradient(top,#dadad9 0,#fff 50%,#dadad9 100%);background:-o-linear-gradient(top,#dadad9 0,#fff 50%,#dadad9 100%);background:-ms-linear-gradient(top,#dadad9 0,#fff 50%,#dadad9 100%);background:linear-gradient(to bottom,#dadad9 0,#fff 50%,#dadad9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadad9', endColorstr='#ffffff', GradientType=0)}
#bottom{height:280px;margin:0 auto;position:relative;width:960px}
#bottom .col1,#bottom .col2,#bottom .col3{display:inline-block;vertical-align:top;width:310px}
#bottom .col1 h2,#bottom .col2 h2,#bottom .col3 h2{color:#D60000;font-family:"Alegreya Sans SC",sans-serif;font-size:2em;line-height:60px;text-align:center;text-shadow:#fff 1px -1px 0}
#bottom .col1 div,#bottom .col2 div,#bottom .col3 div{color:#444;padding:0 20px;text-align:justify;display:none}
#footerContainer{background:#070c12;background:-moz-linear-gradient(top,#070c12 0,#1b1b1b 50%,#070c12 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#070c12),color-stop(50%,#1b1b1b),color-stop(100%,#070c12));background:-webkit-linear-gradient(top,#070c12 0,#1b1b1b 50%,#070c12 100%);background:-o-linear-gradient(top,#070c12 0,#1b1b1b 50%,#070c12 100%);background:-ms-linear-gradient(top,#070c12 0,#1b1b1b 50%,#070c12 100%);background:linear-gradient(to bottom,#070c12 0,#1b1b1b 50%,#070c12 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#070c12', endColorstr='#070c12', GradientType=0);border-top:#840106 4px solid}
footer{margin:0 auto;position:relative;width:960px}
footer .logo{left:20px;position:absolute;top:10px}
footer .right{height:105px;margin-left:230px;position:relative}
footer .right .separator{background-color:#000;box-shadow:rgba(255,255,255,.2) 1px 0 0;height:70px;position:absolute;top:20px;width:1px}
footer .right .str{color:#424242;font-style:italic;font-weight:700;left:30px;position:absolute;top:20px}
footer .right .actions{bottom:10px;position:absolute;right:20px}
footer .right .actions button{background:0 0;border:none;color:#888;font-weight:700;margin-left:20px;padding:5px 10px;text-decoration:none}
footer .right .actions button.bBook{background-color:#2b2d2f;border-radius:15px;color:#d2aa4d}
footer .right .actions button:hover{color:#fff;text-decoration:underline}
footer .right .actions button.bBook:hover{color:#d2aa4d}
#book{background:#070c12;background:-moz-linear-gradient(top,#070c12 0,#1b1b1b 50%,#070c12 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#070c12),color-stop(50%,#1b1b1b),color-stop(100%,#070c12));background:-webkit-linear-gradient(top,#070c12 0,#1b1b1b 50%,#070c12 100%);background:-o-linear-gradient(top,#070c12 0,#1b1b1b 50%,#070c12 100%);background:-ms-linear-gradient(top,#070c12 0,#1b1b1b 50%,#070c12 100%);background:linear-gradient(to bottom,#070c12 0,#1b1b1b 50%,#070c12 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#070c12', endColorstr='#070c12', GradientType=0);display:none;height:500px;margin:0 auto;position:relative;width:960px}
#book .cell{display:inline-block;height:112px;margin-left:30px;margin-top:30px;position:relative;vertical-align:middle;width:435px}
#book .cell.main{background-image:url(home/bookTitle.png);background-position:0 30px;background-repeat:no-repeat;padding-left:140px;width:295px}
#book .cell.main .title{color:#d2aa4d;font-family:"Alegreya Sans SC",sans-serif;font-size:3.2em;line-height:50px;padding-top:15px}
#book .cell..main .bSign{color:#d2aa4d;font-family:Arial,Helvetica,sans-serif;font-size:2em}
#book .cell .picture{background-image:url(home/myPicture.png);background-repeat:no-repeat;height:112px;left:0;position:absolute;top:0;width:112px}
#book .cell .picture img{margin-left:6px;margin-top:6px}
#book .cell .name{color:#aaa;font-family:"Alegreya Sans SC",sans-serif;font-size:2.2em;margin-left:125px;margin-top:15px}
#book .cell .message{color:#7f7f7f;margin-left:125px;margin-top:6px}
#book .cell .date{color:#333;font-size:2em;font-style:italic;position:absolute;right:0;top:20px}
#book .actions{margin-top:10px;padding-bottom:10px;text-align:center}