html {overflow: auto;}
body {background: #17401d; padding: 130px 15px 15px 40px; margin: 0; color: #fff; font-family: arial;}
body#langSelector {background: #17401d url(../img/csi_bg_langselector.jpg) top left no-repeat;}

/* Language selection screen */
#languageFlagsContainer {margin: 480px 0 0 110px;}
#languageFlagsContainer ul {list-style-type: none; margin: 0; padding: 0}
#languageFlagsContainer ul li {list-style-type: none; margin: 0; padding: 0}

#inputfields {position: absolute; top: 340px; left: 65px; font-size: 26px; font-weight: bold }
#inputfields #step2 {display: none}
#inputfields input {font-size: 26px; padding: 4px; width: 440px}
#inputfields input.active {border: 2px solid #83b817; background: #f0ffd2}

#inputfields td {white-space: nowrap}
#inputfields td.small {font-size: 14px; color: #83b817}
#inputfields td.checkbox {white-space: normal; font-size: 20px}

/* Loading Screen */
#errorScreen {display: none; z-index: 10; color: #fff; position: absolute; top: 300px; left: 400px; width: 600px; padding: 20px; text-align: center; vertical-align: middle; background: #000; border: #fff 2px solid}
#errorScreen p#errorText {font-size: 24px; font-weight: bold; line-height: 30px}

#successScreen {display: none; z-index: 20; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: #17401d}
#startScreen {z-index: 30; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: #000;}

/* Layout of virtual Keyboard */
#keyboard input {border: 1px solid #83b817; background: url(../img/virtualkeyboardKeyBG.jpg) repeat-x; background-position: left middle}