/* ========= GLOBAL ELEMENTS ========== */
.header{width:1000px;position:relative;z-index:99;margin:0 auto;background:url(../image/bg-header.png) top center no-repeat;height:146px; }

.header #watchNow { position:absolute; top:5px; left:0; height:90px; width:245px; }
.header #watchNow img { position:absolute; bottom:-8px; left:-3px; z-index:1; }
.header #watchNow p { background:#395fc3; color:#fff; font-style:italic; margin:0; padding:4px 8px 7px 48px; position:absolute; bottom:0; left:50px; text-transform:uppercase; }

.content-and-banner { width:1000px;position:relative;z-index:98;margin:0 auto; position: relative; top: 30px; } /* Modified in IE7.css */
.content-and-footer { float:left; width:980px;position:relative;z-index:98; }
.content{width:980px;position:relative;z-index:99; left:0;}
.footer{width:600px;position:relative;z-index:200;padding-top: 20px; clear:both;left:200px;position:absolute;bottom:-300px;}
.banner-vertical{ position:absolute; top:1px; right:0; z-index:98; } /* Modifed in IE6.css */
A{outline:none;}

/* ========== HEADER ========== */
.header P.logo { position:absolute; top:40px; left:65px; z-index:10; }
.header P.incredikids{float:left;padding:25px 0 0 15px;position:relative;z-index:10;}
.header P.banner-horizontal{position:absolute; top:5px; right:20px; z-index:15;}

.header h1 { background:url(../image/hdr-incredikids.png) 50px 0 no-repeat; position:absolute; top:25px; left:300px; height:100px; width:329px; }

.header UL.menu{ position:absolute; top:170px; left:45px; height:110px; }
.header UL.menu LI{float:left;list-style:none; position:relative}
.header UL.menu LI.joinnow{float:none;position:relative;}
.header UL.menu LI A{color:#FFF;text-decoration:none;display:block;height:110px;position:relative;}
.header UL.menu LI A SPAN{display:none;}
.header UL.menu LI.academyHome A{background:url(../image/menu-sprites/academy-home.png) center 24px no-repeat;width:124px;margin-top:-2px;}
#home .header .academyHome a { background-position:center -216px; }
.header UL.menu LI.imagination A{background:url(../image/menu-sprites/imagination.png) center 24px no-repeat;margin-left:28px;width:124px;}
.header UL.menu LI.concentration A{background:url(../image/menu-sprites/concentration.png) center 24px no-repeat;width:163px;margin-top:-2px;margin-left:-15px;}
.header UL.menu LI.reaction A{background:url(../image/menu-sprites/reaction.png) center 24px no-repeat;width:155px;margin-top:2px;margin-left:-34px;}
.header UL.menu LI.coordination A{background:url(../image/menu-sprites/coordination.png) center 24px no-repeat;width:152px;margin-top:2px;margin-left:-34px;}
.header UL.menu LI.progress A{background:url(../image/menu-sprites/my-progress.png) center 24px no-repeat;width:117px;margin-left:0px;}
.header UL.menu LI.incrediwall A{background:url(../image/menu-sprites/incrediwall.png) center 24px no-repeat;width:109px;margin-left:-1px;}
.header UL.menu LI.login-button A{background:url(../image/menu-sprites/button-login.png) center top no-repeat;width:131px;height:31px;margin-left:-14px;}
.header UL.menu LI.logout-button A{background:url(../image/menu-sprites/button-logout.png) center top no-repeat;width:131px;height:31px;margin-left:-14px;}
.header UL.menu LI.joinnow-button A{background:url(../image/menu-sprites/button-joinnow.png) center top no-repeat;width:132px;height:31px;margin-left:-12px;z-index:1;}
.header UL.menu LI.profile-button A{background:url(../image/menu-sprites/button-profile.png) center top no-repeat;width:132px;height:31px;margin-left:-12px;z-index:1;}

.header UL.menu LI.login-button A:hover,
.header UL.menu LI.logout-button A:hover,
.header UL.menu LI.joinnow-button A:hover,
.header UL.menu LI.profile-button A:hover {background-position: 0 -50px;}
.header UL.menu LI A:hover{background-position:center -96px;}

.header UL.menu LI.locked A{background-position:center -75px; cursor:default;}
.header UL.menu LI.locked A:hover{background-position:center -176px;}

.header UL.menu LI.selected A{background-position:center -216px;}
.header UL.menu LI.selected A:hover{background-position:center -216px;}

.header UL.menu LI ul { float:none; position:relative; top:38px; left:25px;height:auto; }
.header UL.menu LI ul li { float:none;position: relative; margin-top: -2px;}

.header .levelLocked{width:265px;height:126px;background:url(../image/level_locked_bg.png) top left no-repeat; position:absolute;z-index:100;top:100px;left:-68px;display:none}
.header .levelLocked P{color:#FFF;font-weight:bolder;width:140px;float:left;margin:30px 0 0 30px;font-size:1.2em;font-family:"Comic Sans MS",Tahoma,Arial;font-style:italic;}

.header .menu #logJoin { position:absolute; top:-58px; left:-110px;  }

/* ========== FOOTER ========== */
.footer P{clear:both;text-align:center;color:#b6d4df;font-size:0.9em;margin:0;padding:0;}	
.footer UL{clear:both;}
.footer UL LI{font-size:0.9em;color:#ffcc00;font-weight:bold;margin:0 5px 0 0;float:left; list-style:none;padding:0;}

.footer UL.line1{width:310px;margin:0 auto;}
.footer UL.line1 LI A{color:#ffcc00;text-align:center; text-decoration:none}

.footer UL.line2{width:302px;margin:0 auto;height:20px;position:relative;left:50px;}
.footer UL.line2 LI A{color:#ffcc00;text-align:center; text-decoration:none}

.footer UL.icons{width:265px;margin:10px auto;}
.footer UL.icons LI{margin-right:15px;}

/* ========== CONSISTENT LEVEL STYLES ========== */
.page-body { position: relative; }

.background-tapebottom { display: block; width:858px; height:420px; background:url(../image/level-background1.png) top left no-repeat; }
.background-taperight { display: block; width:832px; height:416px; background:url(../image/level-background2.png) top left no-repeat; }
.background-question { display: block; width:831px; height:426px; background:url(../image/level-question.png) top left no-repeat; }
.background-code { display: block; width:828px; height:461px; background:url(../image/level-code.png) top left no-repeat; }
.background-code-short { display: block; width:828px; height:393px; background:url(../image/level-code-short.png) top left no-repeat; }
.background-id-card { display: block; width:855px; height:422px; background:url(../image/level-id-card.png) top left no-repeat; }
.background-got-marker { display: block; width:862px; height:489px; background:url(../image/bg-got-marker.png) top left no-repeat; }
.background-scores { display: block; width:740px; height:420px; background:url(../image/level-scores.png) top left no-repeat;}
.background-scores-long { display: block; width:820px; height:419px; background:url(../image/level-scores-long.png) top left no-repeat; }
.background-infotabs { display: block; width:835px; height:510px; background:url(../image/level-things-to-remember.png) top left no-repeat; }
.background-home-imagination-skills{display: block; width:824px; height:441px; background:url(../image/imagination-skills/bg-imagination-skills-home.png);}
.background-home-concentration-skills{display: block; width:824px; height:441px; background:url(../image/concentration-skills/bg-concentration-skills-home.png);}
.background-home-reaction-skills{display: block; width:824px; height:441px; background:url(../image/reaction-skills/bg-reaction-skills-home.png);}
.background-games-reaction-skills{display: block; width:867px; height:481px; background:url(../image/reaction-skills/bg-reaction-skills-games.png) top left no-repeat;}
.background-home-co-ordination-skills{display: block; width:824px; height:441px; background:url(../image/co-ordination-skills/bg-co-ordination-skills-home.png);}


.background-profile { display: block; width:854px; height:437px; background:url(../image/level-registered-profile.png) top left no-repeat; }
.red-strip { display: block; width:831px; height:238px; background:url(../image/bg-redstrip.png) top left no-repeat; }

div.upload { display: none; position: absolute; width:638px; height:375px; top:88px; left:110px; margin:0px; padding:0px; background-color: #FFFFFF; z-index: 50; }
div.upload h3 { display: block; font-size:1.6em; position: absolute; width:auto; height:21px; top:21px; left:19px; margin:0px; padding:0px; }
div.upload h3 span { display:block; }
div.upload p.close-button { display: block; position: absolute; top:14px; left:550px; z-index: 40;}
div.upload p.close-button a { display: block; width:69px; height:31px; background: url(../image/level1/button-close.png) top left no-repeat; }
div.upload p.close-button a:hover { background-position: 0px -50px; }
div.upload p.close-button span{ display:none; }
div.upload div.scroll-txt { display: block; position: absolute; width:580px; height:280px; top:57px; left:18px; margin:0px; padding:0px; border: 1px solid #ebebeb; overflow: auto; padding: 10px; }
div.upload div.scroll-txt h4 { margin: 0px; padding: 0px; font-size: 1em;}
div.upload div.scroll-txt p { margin: 0px; padding: 0 0 10px 0; }

div.upload-overlay { display: none; position: absolute; width:809px; height:385px; top:64px; left:31px; margin: 0px; padding: 0px; background:url(../image/level-update-overlay-bg.png); z-index: 8; opacity: .8; filter: alpha(opacity=80); }

div.upload-done { display:none; }
div.upload-done div { display: block; position: absolute; width:315px; height:190px; top:100px; left:276px; margin:0px; padding:0px; background: url(../image/bg-card-done.png); z-index: 50; }
div.upload-done div h3 { display: block; position: absolute; width:222px; height:20px; top:21px; left:49px; margin:0px; padding:0px; background: url(../image/h3-cool-done.png) top left no-repeat; }
div.upload-done div p { position: absolute; top:59px; left:39px; font-size: 1.3em; font-weight: bold; color: #FFFFFF; font-style:italic; display: inline; }
div.upload-done div p.go-button { display: block; position: absolute; left:120px; top:92px; }
div.upload-done div p.go-button a { display: block; width:78px; height:44px; background:url(../image/button-go.png) top left no-repeat; }
div.upload-done div p.go-button a:hover { background-position: 0px -50px; }
div.upload-done div p.go-button a span { display: none; }


.popup-done div.upload-overlay, .popup-done div.upload-done { display: block; }
.popup-done div.page-body p.back { display: none; }

/* Generic Styles For question.php */
.page-body ol.answers { position: absolute; top: 74px; left: 263px; }
.page-body ol.answers li { list-style: none; display: block; position: absolute; }
.page-body ol.answers li.tooeasy { top: 33px; left: 30px; }
.page-body ol.answers li.cool { top: 110px; left: 30px; }
.page-body ol.answers li.alaugh { top: -44px; left: 294px; }
.page-body ol.answers li.toohard { top: 33px; left: 294px; }
.page-body ol.answers li.fun { top: 110px; left: 294px; }
.page-body ol.answers li input { display: block; position: relative; width:251px; height:75px; background:url(../image/level1/button-answer.png) top left no-repeat; border:0px; cursor:pointer; }
.page-body ol.answers li.tooeasy input#tooeasy { background:url(../image/level1/button-tooeasy.png) top left no-repeat; margin-bottom: 10px; }
.page-body ol.answers li.cool input#cool { background:url(../image/level1/button-cool.png) top left no-repeat; }
.page-body ol.answers li.alaugh input#alaugh { background:url(../image/level1/button-alaugh.png) top left no-repeat; }
.page-body ol.answers li.toohard input#toohard { background:url(../image/level1/button-toohard.png) top left no-repeat; }
.page-body ol.answers li.fun input#fun { background:url(../image/level1/button-fun.png) top left no-repeat; }
.page-body ol.answers li input:hover { background-position: 0px -100px; }

/*Homepage only styles*/
.homepage{height:100%}
.homepage .flash{position:relative;z-index:1;}
.homepage .help{width:350px;background:url(../image/help-box-bg.png) top left no-repeat;width:341px;height:369px;top:-510px;z-index:3;position:relative;color:#FFF;}
.homepage .help H2{background:url(../image/hdr-we-need-your-help.png) center 20px no-repeat;font-size:2.2em;font-style:italic;font-weight:bolder;padding:20px 0 0 0;margin:0 0 10px 0;text-align:center;height:25px;}
.homepage .help P{text-transform:none;width:280px;margin:0 auto;text-align:center;font-weight:bold;font-style:italic;font-size:1.2em;}
.homepage .help P SPAN{color:#f6da29}
.homepage .help P.line1{margin-top:0;height:95px;}
.homepage .help P.line2{height:115px;}
.homepage .help P.button{width:225px;height:38px;display:block;text-align:left;font-style:italic;padding:0;margin:15px 0 0 70px;}
.homepage .help P.button A{width:225px;height:38px;display:block;color:#FFF;text-decoration:none;padding:0;margin:0;background:url(../image/start-mission.png) 0 0px no-repeat;}
.homepage .help P.button A:hover{background-position:0 -40px;}
.homepage .help P.button A SPAN{display:none}
    
/* ======== REGISTRATION STYLES ============ */
.registration-container{width:330px; display:block;height:300px;position:absolute;top:50%;left:50%;margin:-150px 0 0 -150px;z-index:999;}
.registration-bg{width:100%;height:100%;line-height:100%;min-height:100%;background:#000;z-index:998;position:absolute;left:0;top:0;}

.textbox { display:block; font-size:1.2em; padding:3px; width:234px; } 

.login { width:324px;margin:0 auto; background:url(../image/registration/bg-login.png) top center no-repeat;height:376px; position:relative;padding:0; padding: 15px 0 0 30px; }
.login h2 { display: block; position: relative; background:url(../image/registration/h2-login.png) top center no-repeat; width: 89px; height: 24px; margin: 0 0 20px 97px; } 
.login h2 span { display: none; } 
.login p { color: #FFFFFF; font-size:1.2em; font-weight:bold; padding: 5px 15px 5px 15px; margin: 0px; width: auto; display: inline;}
.login p.error { background-color: #f9951c; }
.login p span{ display:inline;}
.login p span.error{ display:none;}
.login p.error span { display:none; }	
.login p.error span.error { display:inline; }	
.login fieldset { margin: 0px; padding: 0 0 0 15px; }
.login fieldset legend { display: none; } 
.login fieldset li { padding-top: 10px; }
.login fieldset li label { color: #FFFFFF; font-size:1.2em; display:block; padding-bottom:5px; font-weight:bold; }
.login fieldset li .submit { display:block; position: relative; background:url(../image/registration/button-login.png) top left no-repeat; width: 114px; height: 40px; margin: 0 0 0 130px; } 

.login p.forgot-password-button a { display: block; position: absolute; bottom:72px; left:63px; width:233px; height:35px; background:url(../image/registration/button-forgotpassword.png) top left no-repeat; }
.login p.register-newuser-button a { display: block; position: absolute; bottom:30px; left:76px; width:207px; height:36px; background:url(../image/registration/button-register.png) top left no-repeat; }
.login p.forgot-password-button a:hover, .login p.register-newuser-button a:hover { background-position: 0px -50px; }
.login p.forgot-password-button a span, .login p.register-newuser-button a span { display: none; }

.login .close a { display: block; position: absolute; top:5px; right:37px; width:23px; height:22px; background:url(../image/button-close.png) top left no-repeat; }
.login .close a:hover { background-position: 0px -50px; }
.login .close a span { display: none; }

.login .login-thanks { display: none; margin-top: 70px;}
.login .login-thanks h3 { display: block; width: 280px; text-align: center; font-size: 1.4em; font-style: italic; color: #FFFFFF; margin: 0px; padding-bottom: 10px;}
.login .login-thanks p { display: block; width: 280px; text-align: center; margin: 0px; }
.login .login-thanks p.ok-button a { margin: 0 auto; display: block; position: relative; width:77px; height:39px; background:url(../image/registration/button-ok.png) top left no-repeat; }
.login .login-thanks p.ok-button a:hover { background-position: 0px -50px; }
        .login .login-thanks p.ok-button a span { display: none; }

.thanks .login-details { display: none; }
.thanks p.forgot-password-button { display: none; }
.thanks p.register-newuser-button { display: none; }
.thanks .login-thanks { display: block; }


.forgot-password { width:325px; margin:0 auto; background:url(../image/registration/bg-forgotpassword.png) top center no-repeat;height:317px; position:relative;padding:0; padding: 15px 0 0 30px; }
.forgot-password h2 { display: block; position: relative; background:url(../image/registration/h2-forgotpassword.png) top center no-repeat; width: 155px; height: 42px; margin: 2px 0 22px 66px; } 
.forgot-password h2 span { display: none; } 
.forgot-password p { color: #FFFFFF; font-size:1.2em; font-weight:bold; padding: 5px 15px 5px 15px; margin: 0px;  width: 260px; display: block; } 
.forgot-password p.error { background-color: #f9951c; }
.forgot-password p span{ display:inline;}
.forgot-password p span.error{ display:none;}
.forgot-password p.error span { display:none; }	
.forgot-password p.error span.error { display:inline; }	
.forgot-password fieldset { margin: 0px; padding: 0 0 0 15px; }
.forgot-password fieldset legend { display: none; } 
.forgot-password fieldset li { padding-top: 10px; }
.forgot-password fieldset li label { color: #FFFFFF; font-size:1.2em; display:block; padding-bottom:5px; font-weight:bold; }
.forgot-password fieldset li .submit { display:block; position:relative; background:url(../image/registration/button-getpassword.png) top left no-repeat; width:201px; height:42px; margin:3px 0 0 68px; } 
.forgot-password p.register-newuser-button a { display:block; position:absolute; bottom:33px; left:76px; width:207px; height:36px; background:url(../image/registration/button-register.png) top left no-repeat; }
.forgot-password p.register-newuser-button a:hover { background-position: 0px -50px; }
.forgot-password p.register-newuser-button a span { display: none; }

.forgot-password .close a { display: block; position: absolute; top:5px; right:37px; width:23px; height:22px; background:url(../image/button-close.png) top left no-repeat; }
.forgot-password .close a:hover { background-position: 0px -50px; }
.forgot-password .close a span { display: none; }

.forgot-password .forgot-password-thanks { display: none; margin-top: 50px;}
.forgot-password .forgot-password-thanks h3 { display: block; width: 280px; text-align: center; font-size: 1.4em; font-style: italic; color: #FFFFFF; margin: 0px; padding-bottom: 3px;}
.forgot-password .forgot-password-thanks p { display: block; width: 280px; text-align: center; margin: 0px; padding: 5px 3px; }
.forgot-password .forgot-password-thanks p.ok-button a { margin: 0 auto; display: block; position: relative; width:77px; height:39px; background:url(../image/registration/button-ok.png) top left no-repeat; }
.forgot-password .forgot-password-thanks p.ok-button a:hover { background-position: 0px -50px; }
        .forgot-password .forgot-password-thanks p.ok-button a span { display: none; }

.thanks .forgot-password-details { display: none; }
.thanks p.register-newuser-button { display: none; }
.thanks .forgot-password-thanks { display: block; }


.join-now { width:468px;margin:0 auto; background:url(../image/registration/bg-joinnow.png) top center no-repeat;height:564px; position:relative;padding:0; padding: 14px 0 0 30px; }
.join-now h2 { display: block; position: relative; background:url(../image/registration/h2-joinnow.png) top center no-repeat; width: 162px; height: 25px; margin: 0 0 20px 132px; } 
.join-now h2#thx { display: block; position: relative; background:url(../image/registration/hdr-update-thanks.png) top center no-repeat; width: 138px; height: 25px; margin: 0 0 20px 147px; } 
.your-profile h2 { background:url(../image/registration/h2-yourprofile.png) top center no-repeat; width: 189px; height: 24px; margin: 0 0 24px 123px; } 
.join-now h2 span { display: none; } 
.join-now p { color: #FFFFFF; font-size:1.2em; display:block; font-weight:bold; padding: 5px 15px 5px 15px; margin: 0px; width: auto; display: inline;} 
.join-now p.error { background-color: #f9951c; }
.join-now p span{ display:inline;}
.join-now p span.error{ display:none;}
.join-now p.error span { display:none; }	
.join-now p.error span.error { display:inline; }	
.join-now fieldset { margin: 0px; padding: 3px 0 0 10px; }
.join-now fieldset legend { display: none; }
.join-now fieldset li { padding: 5px; float:left; margin:2px 10px 1px 0; }
.join-now fieldset li.incredikidname { padding: 5px; margin-right: 100px; }
.join-now fieldset li.error { background-color: #f9951c; }
.join-now fieldset li label { color: #FFFFFF; font-size:1.2em; display:block; padding-bottom:5px; font-weight:bold; }
.join-now fieldset li input.textbox {  width:180px;  } 
.join-now fieldset li .submit { display:block; position: relative; background:url(../image/registration/button-login.png) top left no-repeat; width: 114px; height: 40px; margin: -2px 0 0 300px; } 
.your-profile fieldset li .submit { display:block; position:relative; background:url(../image/registration/button-updatenow.png) top left no-repeat; width:176px; height:40px; margin:-2px 0 0 240px; } 

.join-now p a { display: block; position: absolute; bottom:32px; }
.join-now p.privacy-policy-button a { left:178px; width:151px; height:36px; background:url(../image/registration/button-privacypolicy.png) top left no-repeat; }
.join-now p.exit-no-update-button a { left:146px; width:218px; height:36px; background:url(../image/registration/button-exit-no-update.png) top left no-repeat; }
.join-now p a:hover { background-position: 0px -50px; }
.join-now p a span { display: none; }

.join-now .close a { display: block; position: absolute; top:5px; right:110px; width:23px; height:22px; background:url(../image/button-close.png) top left no-repeat; }
.join-now .close a:hover { background-position: 0px -50px; }
.join-now .close a span { display: none; }

.join-now .join-now-thanks { display: none; margin-top: -50px;}
.join-now .join-now-thanks h3 { display: block; width: 374px; text-align: center; font-size: 1.4em; font-style: italic; color: #FFFFFF; margin: 0px; padding-bottom: 3px;}
.join-now .join-now-thanks p { display: block; width: 374px; text-align: center; margin: 0px; padding: 15px 3px; }
.join-now .join-now-thanks p.ok-button a { margin:0 auto; display:block; position:relative; width:77px; height:39px; background:url(../image/registration/button-ok.png) top left no-repeat; bottom:0px;}
.join-now .join-now-thanks p.ok-button a:hover { background-position: 0px -50px; }
        .join-now .join-now-thanks p.ok-button a span { display: none; }

.thanks .join-now-details { display: none; }
.thanks p.privacy-policy-button { display: none; }
.thanks p.exit-no-update-button { display: none; }
.thanks .join-now-thanks { display: block; width: 435px; text-align: center; padding: 100px 0 0 28px;}


.logout { width:314px; margin:0 auto; background:url(../image/registration/bg-logout.png) top center no-repeat; height:343px; position:relative; padding:0; padding: 15px 0 0 30px; }
.logout h2 { display: block; position: relative; background:url(../image/registration/h2-logout.png) top center no-repeat; width:121px; height:24px; margin: -2px 0 22px 81px; } 
.logout h2 span { display: none; } 
.logout p { color:#FFFFFF; font-size:1.2em; display:block; font-weight:bold; padding:5px 0 0 0px; margin:0px; width:280px; text-align: center; } 
.logout p.are-you-sure { font-size:1.5em; font-style:italic; } 
.logout p.yes-logout-button a { display:block; position:absolute; bottom:145px; left:73px; width:206px; height:39px; background:url(../image/registration/button-yes-logout.png) top left no-repeat; }
.logout p.no-goback-button a { display:block; position:absolute; bottom:100px; left:73px; width:206px; height:39px; background:url(../image/registration/button-no-goback.png) top left no-repeat; }
.logout p a:hover { background-position: 0px -50px; }
.logout p a span { display: none; }

.logout .close a { display: block; position: absolute; top:5px; right:37px; width:23px; height:22px; background:url(../image/button-close.png) top left no-repeat; }
.logout .close a:hover { background-position: 0px -50px; }
.logout .close a span { display: none; }


/* ======== NEXT LEVEL CODE CONTROL ============ */
.secret-code-container{width:330px; display:block;height:300px;position:absolute;top:50%;left:50%;margin:-150px 0 0 -150px;z-index:999;}
.code-access-bg{width:100%;height:100%;line-height:100%;min-height:100%;background:#000;z-index:998;position:absolute;left:0;top:0;}

.main-box{width:330px;margin:0 auto; background:url(../image/box-codecontrol-bg.png) top center no-repeat;height:295px; position:relative;padding:0;}
.main-box .btn-close {position:relative;left:288px;top:-6px;width:32px;height:31px;}
.main-box H1{font-size:16px;text-align:center;color:#FFF; font-style:italic;padding:10px 0 0 0;margin:-28px 0 0 25px;width:245px;font-family:"Comic Sans MS", cursive,Arial,Tahoma;}
.main-box P{color:#FFF;margin:0;padding:0;text-align:center}
.main-box P A{color:#FFF;margin:0;padding:0; text-align:center}
.main-box A{text-decoration:none;color:#FFF;}
.main-box A IMG{border:none}
.main-box UL{clear:both}
.main-box LI{list-style:none;float:left}

.main-box UL.entered-icons{background:url(../image/question_mark_bg.jpg) 0 10px no-repeat;width:273px;height:54px;margin:0;padding:0; position:absolute;top:60px;left:35px;}
.main-box UL.entered-icons LI{width:46px;display:block;height:50px;position:relative}
.main-box UL.entered-icons LI.selected1{background:url(../image/icons_bg.png) 0 0 no-repeat;height:54px;width:53px;margin:0 0 0 -10px;}
.main-box UL.entered-icons LI.selected1 IMG{position:absolute;top:9px;left:2px;}
.main-box UL.entered-icons LI.selected2{background:url(../image/icons_bg.png) -60px 0 no-repeat;height:54px;margin:0 0 0 -1px;width:50px;}
.main-box UL.entered-icons LI.selected2 IMG{position:absolute;top:6px;left:1px;}
.main-box UL.entered-icons LI.selected3{background:url(../image/icons_bg.png) -120px 0 no-repeat;height:54px;margin:0 0 0 -1px;width:50px;}
.main-box UL.entered-icons LI.selected3 IMG{position:absolute;top:8px;left:4px;}
.main-box UL.entered-icons LI.selected4{background:url(../image/icons_bg.png) -180px 0 no-repeat;height:54px;margin:0 0 0 -2px;width:54px;}
.main-box UL.entered-icons LI.selected4 IMG{position:absolute;top:5px;left:8px;}

.main-box P.go{width:78px; position:absolute;right:20px;top:67px;margin:0;padding:0;}

.main-box UL.icons-box{width:226px;margin:0;padding:0;position:absolute;left:51px;top:156px;}
.main-box UL.icons-box LI{width:40px;display:block;height:40px;background:#c98a8d;padding:0;margin:0 0 4px 4px;}
.main-box UL.icons-box LI INPUT{ cursor:pointer}

.main-box UL.buttons{width:266px;margin:0;padding:0;position:absolute;bottom:0px;left:35px;}
.main-box UL.buttons LI.start{width:124px;display:block;height:34px;margin:20px 0 0 0px;}
.main-box UL.buttons LI.hint{width:131px;display:block;height:36px;margin:20px 0 0 10px;}
.main-box UL.buttons LI SPAN{display:none}


/*Cufon*/
.cufon-loading h2, .cufon-loading p { 
        visibility: hidden !important;
}

.noflash{color:#F3F3F3;text-align:center;line-height:1.8em;margin-top:160px;}
.noflash .big{font-size:1.2em;margin-bottom:30px;}
.noflash A{color:#FFF;}