body { background: #F9FAF6; margin: 0px; padding: 0px; color: #000000; font-family: verdana,sans-serif; font-size: 10px; background-image: url(../images/background_gradient.gif); background-repeat: repeat-x; background-attachment: fixed; text-align: center; }
div#page { margin: 0 auto; padding-left: 20px; padding-right: 20px; background-image: url(../images/gradient.png); background-repeat: repeat-y; text-align: left; width: 750px; display: block; }
#container { position: relative; background: #f6f6ff; padding: 0px; margin: 0px; margin-top: 0px; margin-bottom: 0px; height:600px; width:530px; }
div#level { margin: 0px; padding:0px; background: #18397a; padding-top:106px; padding-bottom:10px; margin-bottom: 0px; height:14px; width:530px; background-image: url("../images/banners/main.jpg"); background-position: center; background-repeat: no-repeat; text-align:center; color: #002200; font-size: 15px; font-weight: bold;}
div#progress { position: relative; background: #bbf; padding: 0px; margin: 0px; margin-top: 0px; height:23px; width:530px; margin-bottom:0px;}
div#poof { height:128px; width:128px; position: absolute; visibility: hidden;}
div#bravo { height: 280px; width:360px; position: absolute; background-image: url("../images/animations/level1.gif"); top:130px; left:80px; background-repeat: no-repeat; background-position: center 100px; text-align: center; font-size:16px; visibility:hidden; }
div#intro { height: 250px; width:320px; position: absolute; background-image: url("../images/logo.gif"); top:100px; left:100px; background-repeat: no-repeat; background-position: center 100px; text-align: center; font-size:14px; visibility:hidden;}
span#multistatus{ text-transform:uppercase; font-size:20px; line-height:40px; color:#620; font-weight: bold;}
div#fortsatt { border: 1px solid #060; position:absolute; text-align:center; height: 40px; width:220px; background: #8ea; top: 450px; left: 150px; padding-top: 14px; visibility:hidden;}
div.progressbar{ border: 1px solid #060; width:23px; height:13px; background: #8f8; position: absolute; top:4px; left:0px; margin: 0px;}
div#startdiv { border: 1px solid #060; position:absolute; text-align:center; height: 74px; width:220px; background: #8ea; top: 380px; left: 150px; padding-top: 14px; visibility:hidden;}
div#startdiv form input{ margin:4px;}
/*div#startdiv form { padding:50px; margin:50px;}*/

/* Loader */
div#loader{ font-size:14px; text-align:center; position:absolute; top: 180px; left: 130px; background-image: url("../images/loader.gif"); background-repeat: no-repeat; background-position: center; width:260px; height:120px;}
span.help{ font-size:10px; }

/* Help text */
div.help { font-size:14px; text-align:center; position:absolute; top: 180px; left: 25px; width:450px; height:100px;}
div.help ul { font-size:11px; list-style-type: none; text-align:left;}
div.help p.help_rub { font-weight:bold; text-align:left; margin-left: 30px; font-size:14px;}

/* Footer */
div#footer { background-color: #2f56a2; text-align: center; width: 750px; overflow:auto; display: block; margin: 0px;}
div#footer ul { float:left; width: 670px; padding-top: 2px; padding-bottom: 2px;}
div#footer li { font-size: 11px; color: white; padding-right: 8px; padding-left: 8px; list-style-type: none; display: inline; }
div#footer a { color: white; text-decoration: none; }

/* Sidebar */
div#sidebar { position: relative; font-size: 11px; line-height: 20px; background-color: #cbd5e8; width: 220px; height: 753px; float: right; padding: 0px; }
div#logo{ background-color: #28498a; height: 130px; background-image: url("../images/ms_logo.gif"); background-repeat: no-repeat; background-position: center; }
div#menu{ background-color: #8e9dcc; height: 21px; text-align: right; padding-right:10px; padding-top:2px;}
div#menu a { color: #314A7E; text-decoration: none; }
div#menu a:hover { color: #516a9e; text-decoration: underline; }

/* Level Chooser */
div#level_table { visibility:hidden; }
div#level_table caption{ font-weight:bold; size:16px; padding:10px;}
div#level_table table { width:490px; height:480px; margin-left:20px; margin-right:20px;}
div#level_table td{ border: 1px solid #aae; padding:5px; text-align:center; }
div#level_table td:hover{ background-color: #cbd5e8; }
div#level_table a { color: #314A7E; text-decoration: none; }
div#level_table a:hover { color: #516a9e; }
div#level_table div.level_box { position:relative; width:100%; height:76px; text-align:center; margin: 0 auto; text-align: left; vertical-align: middle;}
div#level_table img{ position:absolute; top:12px; right:12px; max-width:60%; max-height:60%;}
div.level_title { position:absolute; bottom:0px; left:0px; width:100%; text-align:center; }
div.level_number { position:absolute; font-weight:bold; top:0px; left:0px; }

/* Marks */
div.mark{ width:100px; height:100px; background-repeat: no-repeat; position: absolute; }
div#mark1{ left: 15px; top: 166px; }
div#mark2{ left: 63px; top: 167px; }
div#mark3{ left: 149px; top: 166px; }
div#mark4{ left: 104px; top: 218px; }
div#mark5{ left: 40px; top: 214px; }
div#mark6{ left: 11px; top: 266px; }
div#mark7{ left: 70px; top: 267px; }
div#mark8{ left: 131px; top: 284px; }
div#mark9{ left: 162px; top: 337px; }
div#mark10{ left: 110px; top: 318px; }
div#mark11{ left: 59px; top: 346px; }
div#mark12{ left: 10px; top: 327px; }
div#mark13{ left: 9px; top: 382px; }
div#mark14{ left: 56px; top: 406px; }
div#mark15{ left: 123px; top: 390px; }
div#mark16{ left: 169px; top: 429px; }
div#mark17{ left: 112px; top: 423px; }
div#mark18{ left: 8px; top: 458px; }
div#mark19{ left: 55px; top: 490px; }
div#mark20{ left: 150px; top: 486px; }
div#mark21{ left: 123px; top: 538px; }
div#mark22{ left: 10px; top: 542px; }
div#mark23{ left: 19px; top: 590px; }
div#mark24{ left: 63px; top: 573px; }
div#mark25{ left: 167px; top: 577px; }
div#mark26{ left: 149px; top: 655px; }
div#mark27{ left: 64px; top: 641px; }
div#mark28{ left: 9px; top: 659px; }
div#mark29{ left: 31px; top: 694px; }
div#mark30{ left: 113px; top: 702px; }