body { background:#0B5D8F url('background.jpg') center top no-repeat; margin:0px; padding:20px; } body, td, th, input, textarea, select { font:normal 13px arial, sans-serif; } a { color:#CC0000; } #wrapper { width:900px; background:white; margin:0px auto; box-shadow: black 3px 3px 15px; -webkit-box-shadow: black 3px 3px 15px; -moz-box-shadow: black 3px 3px 15px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=5); } #wrapper #header { padding:40px; position:relative; } #wrapper #header.subpage { background:url('logo-cim.jpg') 760px 10px no-repeat; } #wrapper h1 { font:normal 36px arial,sans-serif; margin:0px; padding:0px; width:700px; } #wrapper h1 span { display:block; color:#CC0000; } #wrapper .roh1 { position:absolute; top:-7px; left:-7px; z-index:10; width:92px; height:92px; background:url('roh-part1.png') no-repeat; } #wrapper .roh2 { position:absolute; top:-7px; left:-7px; z-index:10; width:92px; height:92px; background:url('roh-part2.png') no-repeat; } #wrapper .roh3 { position:absolute; top:-7px; left:-7px; z-index:10; width:92px; height:92px; background:url('roh-part3.png') no-repeat; } #wrapper .rohreview { position:absolute; top:-7px; left:-7px; z-index:10; width:92px; height:92px; background:url('roh-part2.png') no-repeat; } #wrapper .rohreview3 { position:absolute; top:-7px; left:-7px; z-index:10; width:92px; height:92px; background:url('roh-part3.png') no-repeat; } #wrapper #content { padding:10px 40px; } #wrapper #bar { padding:50px 0px; text-align:center; } #wrapper #footer { height:80px; /*background:#FFCC00 url('logo-dhl.png') 700px center no-repeat;*/ margin-top:10px; background: -moz-linear-gradient(top, rgba(255,204,0,0) 0%, rgba(255,204,0,1) 100%); background: -webkit-linear-gradient(top, rgba(255,204,0,0) 0%,rgba(255,204,0,1) 100%); background: linear-gradient(to bottom, rgba(255,204,0,0) 0%,rgba(255,204,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffcc00', endColorstr='#ffcc00',GradientType=0 ); } #wrapper #footer #logo { width:156px; height:37px; background:url('logo-dhl-t.png') no-repeat; position:relative; left:700px; top:25px; } #wrapper #footer span { float:left; padding:0px 40px; color:#666; } #wrapper #footer b { color:black; } #wrapper .login { border:1px solid #D3D3D3; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; width:400px; margin:0px auto; padding:20px; background:#EEF0F2; margin-bottom:40px; } #wrapper h2 { font:normal 24px arial,sans-serif; margin:0px; padding:0px; } #wrapper h2.results { background:#FFCC00; padding:10px; font:normal 24px arial,sans-serif; margin:0px; color:#CC0000; } #wrapper h3 { margin:20px 0px 10px 0px; color:#666; font-weight:normal; font-size:15px; height:9px; border-bottom:1px solid #CCC; } #wrapper h3 span { background:white; margin-left:40px; padding:0px 10px; z-index:2; } #wrapper form { margin:0px; padding:0px; } #wrapper .formline { clear:both; padding-top:10px; } #wrapper .formline label { width:120px; float:left; padding-top:3px; color:#666; } #wrapper .formline label.second { margin-left:100px; } #wrapper .formline label.checkbox { width:auto; } #wrapper .formline span { float:left; padding:6px 20px; font-style:italic; color:#666; } #wrapper .formline b { float:left; padding:3px 0px; } #wrapper form .button { margin-top:20px; margin-bottom:20px; } #wrapper .login input[type="text"], #wrapper .login input[type="password"] { width:250px; } #wrapper input[type="text"], #wrapper input[type="password"], #wrapper select, #wrapper textarea { border:1px solid #CCC; padding:3px 6px; float:left; } #wrapper input[type="file"] { float:left; padding-right:14px; } #wrapper input[type="checkbox"], #wrapper input[type="radio"] { float:left; margin-top:5px; } #wrapper #menu { background:url('menubg.jpg') repeat-x; height:63px; position:relative; left:-40px; width:860px; padding:13px 0px 0px 40px; margin-bottom:30px; } #wrapper #menu a { font-size:24px; color:black; text-decoration:none; float:left; padding:10px 20px 0px 20px; height:39px; overflow:none;} #wrapper #menu a.active { background:white; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; } #wrapper #menu a:hover { color:#CC0000; } #wrapper #menu a.active:hover { color:black; } #wrapper #menu.part2 { background:url('menubg2.jpg') repeat-x; } #wrapper #menu.part3 { background:url('menubg3.jpg') repeat-x; } #wrapper #menu a.switch { float:right; font-size:20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; height:auto; padding:6px 15px; margin:3px 40px 0px 0px; color:white; box-shadow: black 3px 3px 10px; -webkit-box-shadow: black 3px 3px 10px; -moz-box-shadow: black 3px 3px 10px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=5); text-shadow: 0px 1px 1px black; } #wrapper a.supervisory { background:#9D9D8E; } #wrapper a.supervisory:hover { background:#6D6D5E; } #wrapper a.part3 { background:#D93600; } #wrapper a.part3:hover { background:#B02D00; } #wrapper a.part2 { background:#0099CC; } #wrapper a.part2:hover { background:#007297; } #wrapper a.part1 { background:#669900; } #wrapper a.part1:hover { background:#4A6F00; } #wrapper #buttons { margin-bottom:50px; } #wrapper #buttons legend { float:left; padding:5px; margin-top:2px; } #wrapper #buttons legend.act { background:#CC0000; color:white; } #wrapper #buttons .dates a { border:1px solid #CCC; padding:4px 6px; margin-right:3px; text-decoration:none; } #wrapper #buttons .dates a:hover { background:#EEE; } #wrapper #buttons .dates a.act { background:#CC0000; color:white; border:1px solid #CC0000; } #wrapper .session { position:relative; margin:30px 0px 30px 0px; cursor:pointer; } #wrapper .session .zalozka1 { position:absolute; left:770px; top:-5px; width:32px; height:64px; background:url('session-part1.png') no-repeat; } #wrapper .session .zalozka2 { position:absolute; left:770px; top:-5px; width:32px; height:64px; background:url('session-part2.png') no-repeat; } #wrapper .session .zalozka3 { position:absolute; left:770px; top:-5px; width:32px; height:64px; background:url('session-part3.png') no-repeat; } #wrapper .session .ramecek { border:1px solid #D3D3D3; height:88px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; overflow:hidden; padding:1px; } #wrapper .session .ramecek:hover { border:1px solid #999; } #wrapper .session .progress { background:#FFCC00; height:88px; float:left; -moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px; -moz-border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px; border-bottom-left-radius:8px; } #wrapper .session .alert { position:absolute; top:-10px; left:25px; background:url('ico-alert.png') no-repeat; z-index:2; width:126px; height:112px; } #wrapper .session .active { position:absolute; top:-10px; left:25px; background:url('ico-active.png') no-repeat; z-index:2; width:126px; height:112px; } #wrapper .session .ok { position:absolute; top:-10px; left:25px; background:url('ico-ok.png') no-repeat; z-index:2; width:126px; height:112px; } #wrapper .session .info { position:absolute; top:24px; left:180px; } #wrapper .session .info span { color:#666; } #wrapper .lidi { position:absolute; left:763px; top:68px; background:url(ico/user_add.png) no-repeat; padding-left:17px; } #wrapper #status { position:relative; } #wrapper #status .ramecek { border:1px solid #D3D3D3; height:40px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; overflow:hidden; padding:1px; } #wrapper #status .progress { background:#FFCC00; height:40px; float:left; -moz-border-top-left-radius:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px; -moz-border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px; border-bottom-left-radius:8px; } #wrapper #status .info { position:absolute; top:31px; left:0px; width:820px; height:20px; text-align:center; color:#666; } #wrapper .sub_buttons { text-align:right; margin-bottom:40px; } #wrapper .letter { border:1px solid #CCC; width:572px; padding:10px 20px; font-style:italic; float:left; } #wrapper .answers { margin-top:50px; } #wrapper .answers .button { padding:5px 15px; margin-right:10px; } #wrapper .statement_result { border:1px solid #ccc; padding:10px; background:#F0F0F0; } #wrapper .response { margin-bottom:30px; background:#F6F6F6; } #wrapper .response td { border-bottom:1px solid #CCC; padding:5px 10px; } #wrapper .feedback { margin-bottom:30px; } #wrapper .feedback .first, #wrapper .feedback .last { float:left; padding-top:17px; color:#CC0000; font-weight:bold; } #wrapper .feedback .first span { margin-left:20px; position:relative; top:-10px; float:right; width:0px; height:0px; border-top:20px solid transparent; border-bottom:20px solid transparent; border-right:20px solid #CC0000; } #wrapper .feedback .last span { margin-right:20px; position:relative; top:-10px; float:left; width:0px; height:0px; border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:20px solid #CC0000; } #wrapper .feedback label { width:20px; float:left; text-align:center; border:1px solid #CC0000; padding:5px 20px; margin:5px; } #wrapper .parts { text-align:center; margin:20px 0px 20px 0px; } #wrapper small { color:#999; } #wrapper #world { background:url('world.jpg') no-repeat; height:407px; width:820px; position:relative; } #wrapper #world .region { position:absolute; width:250px; font-size:14px; } #wrapper #world img { width:80px; float:left; margin-right:5px; } #wrapper #world .region br { line-height:24px; } #wrapper #world span { font-weight:bold; color:#CC0000; } #wrapper #world #regionAP { left:580px; top:190px; } #wrapper #world #regionCN { left:580px; top:80px; } #wrapper #world #regionNA { left:50px; top:70px; } #wrapper #world #regionUK { left:300px; top:40px; } #wrapper #world #regionEM { left:370px; top:130px; } #wrapper #world #regionLA { left:100px; top:200px; } #wrapper #world .award { width:110px; float:left; text-decoration:none; border-right:1px solid #999; padding-right:10px; text-align:right; } #wrapper #world .coach { width:110px; float:left; text-decoration:none; border-left:1px solid #999; padding-left:10px; position:relative; left:-1px; } #wrapper #world a { color:black; } #wrapper #world a b { color:#CC0000; } #wrapper #world a span { color:black; } #wrapper #global { width:450px; margin:0 auto; font-size:24px; } #wrapper #global img { float:left; margin-right:20px; } #wrapper #global span { font-weight:bold; color:#CC0000; } #wrapper #global div { margin-bottom:10px; } #wrapper #global br { line-height:55px; } #wrapper #global .award { width:310px; float:left; text-decoration:none; border-right:1px solid #999; padding-right:10px; padding-top:20px; padding-bottom:20px; text-align:right; background:url('award.jpg') no-repeat; } #wrapper #global .coach { width:320px; float:left; text-decoration:none; border-left:1px solid #999; padding-left:10px; position:relative; padding-top:20px; padding-bottom:20px; left:-1px; background:url('coach.jpg') right 5px no-repeat; } #wrapper #global a span { color:black; } .button { margin:0px; padding:10px 30px; background:#cc0000; color:white; text-decoration:none; border:none; cursor:pointer; box-shadow: black 3px 3px 10px; -webkit-box-shadow: black 3px 3px 10px; -moz-box-shadow: black 3px 3px 10px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=5); text-shadow: 0px 1px 1px black; position:relative; } .button:hover { background:#990000; } .button span { position:absolute; background:none; font-size:11px; padding:0px; margin:0px; top:45px; left:0px; text-align:center; width:100%; } .big { font-size:24px; padding:20px 70px; } .big.supervisory { padding:20px 30px; } .buttonhelp { margin:0px; padding:10px 30px; background:#0099FF; color:white; text-decoration:none; border:none; cursor:pointer; box-shadow: black 3px 3px 10px; -webkit-box-shadow: black 3px 3px 10px; -moz-box-shadow: black 3px 3px 10px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=5); text-shadow: 0px 1px 1px black; } .buttonhelp:hover { background:#0066CC; } .buttonsmall { margin:0px; padding:3px 30px; background:#cc0000; color:white; text-decoration:none; border:none; cursor:pointer; text-shadow: 0px 1px 1px black; } .buttonsmall:hover { background:#990000; } table.detail { width:100%; margin:20px 0px 40px 0px; } table.detail th { text-align:right; color:#666; padding-right:20px; } table.list { width:100%; margin:20px 0px 20px 0px; border-collapse:collapse; border:1px solid #CCC; } table.list th { padding:3px 6px; background:#666; color:white; } table.list td { padding:3px 6px; border-bottom:1px solid #CCC; text-align:center; } table.list td.noname { font-style:italic; color:#666; } table.list .odd { background:#EEE; } table.list .dark { background:#AAA; } table.list .left { text-align:left; } table.list .right { text-align:right; } table.list .score { font-size:24px; font-weight:bold; } table.list ul { margin:0px; -webkit-padding-start:20px; } .grey { color:#666; } .chyba { color:#CC0000; } .cleaner { clear:both; } .statement { font-size:20px; padding-top:5px; height:80px; } hr { color:#CCC; background-color:#CCC; height:1px; border:none; } .w140 { width:140px; } select.w140 { width:154px; } .w250 { width:227px; } select.w250 { width:241px; } .w350 { width:327px; } select.w350 { width:341px; } .w500 { width:513px; } select.w500 { width:527px; } .w600 { width:600px; } #progress { background-color:#B2E57F; width:700px; height:18px; float:left; text-align:left; } #progressbar { height:18px; background-color:#66CC00; }