/*--------------------------------------------- Name source: global.css Name: style for eTesty.sk Author: nolimit|DEVELOPERS lukac@nolimit.sk License: Copyright 2009 all rights reserved ---------------------------------------------*/ html, body {background: url(../images/bgMain_wood.jpg) repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} /*typo*/ h1, h2, h3, h4, p, div, a {font-weight: normal;} #main { position: relative; top: 15px; height:auto; width:950px; margin: 0 auto; clear: both;} .noscript{ background: #bd0917; height: auto; text-align: center; position: relative; padding-top: 25px;} .noscript, .IEsuck h1{ font:normal 13px verdana; color: white; padding: 10px } .IEsuck {background: red; height: auto; text-align: center; position: relative; padding-top: 40px;} .IEsuck a{ font:bold 13px verdana; color: white; } /*absolute-position-of-objects*/ #main #yellowTest {width:242px; height: 251px; background: url(../images/yellowTest.png); position: absolute; z-index: 1; left: 670px; top: 70px} #main #yellowTest .all {width:47px; height: 20px; position: absolute; left: 145px; top: 37px;} #main #yellowTest .all p {font:bold 11px tahoma; color: #7e7e7e;} #main #yellowTest .sum {width:42px; height: 20px; position: absolute; left: 28px; top: 85px;} #main #yellowTest .sum p {font-size:20px; font-weight: bold; color: #c52b1d; text-align: right;} #main #yellowTest .sumEnd {width:30px; height: 20px; position: absolute; left: 160px; top: 90px;} #main #yellowTest .sumEnd p{font-size:15px; font-weight: bold; color: #c52b1d; text-align: left;} #main #yellowTest .premiumAvailable {width:20px; height: 20px; position: absolute; left: 178px; top: 171px;} #main #yellowTest .premiumAvailable p {font-size:11px; font-weight: bold; color: #a85b1c; text-align: right; text-align: center;} #main #yellowTest .premiumAvailableShadow {width:20px; height: 20px; position: absolute; left: 178px; top: 172px;} #main #yellowTest .premiumAvailableShadow p {font-size:11px; font-weight: bold; color: white; text-align: right; text-align: center;} #main #yellowTest .percent {width:165px; height: 15px; position:absolute ; left: 38px; top: 116px; } /*progress bar*/ .contentblock { } .progressBar { } #pb { float: left; position: relative; height: 35px; left: -1px } #pb span { position: relative; top: -2px; background: ; font:bold 12px "Trebuchet MS"; color: #c52b1d; width: 80px; } /*yelow paper*/ #main #yellowTest_nolog {width:242px; height: 251px; background: url(../images/yellowTestNolog.png); position: absolute; z-index: 1; left: 670px; top: 70px} #main #yellowTest_nolog label {display:inline; color: #7b6b6b;} #main #yellowTest_nolog .all_user {font-size:10px; font-weight: bold; color: #aba47c; text-align: center; width: 70px; position: relative; left: 125px; top: 40px;} #main #yellowTest_nolog .all_user strong{font-size:12px; font-weight: bold; color: #5b7094; } #main #yellowTest_nolog .log {font-size:10px; font-weight: bold; color: #8e1a20; text-align: left; position: absolute; left: 35px; top: 80px;} #main #yellowTest_nolog p { position: absolute; left: 5px; width: 160px; color:#1548b9;} #main #yellowTest_nolog p a{color:#1548b9; text-decoration: none;} #main #yellowTest_nolog p a:hover{text-decoration: underline;} #main #yellowTest_nolog .txt{border-width:0 0 1px 0px; border-style: dotted; background: transparent; border-color: #35414f; color: black; font:bold 12px "Trebuchet MS"; height: auto; padding: 1px; font-style: italic;} #main #yellowTest_nolog .login {position: relative; left: 100px; top: 20px; background: transparent; border: none; font:bold 12px "Trebuchet MS"; color: #645346;} #main #yellowTest_nolog .log #acc {position: relative; left: 40px; top: 8px; border: none; font:bold 12px "Trebuchet MS"; width: 150px; height: 20px;} #main #yellowTest_nolog .log #acc select {width: 115px; } #main #yellowTest_nolog .log #acc option {color: black; padding: 0 0 0 10px; border: 0px; background: transparent; font:bold 11px "Trebuchet MS";} #main .sec #con label:hover {color: #cc0000;} #main #timer {width:185px; height: 190px; background: url(../images/timer.png); position: absolute; z-index: 1; left: 100px; top: 120px} #main #stopwatch {width:111px; height: 111px; background:transparent; position:relative; top:53px; left:25px } #main #penLogout {width:214px; height: 300px; background: url(../images/pen.png); position: absolute; z-index: 1; left: 100px; top: 290px} #main #penLogin {width:214px; height: 300px; background: url(../images/penLogin.png); position: absolute; z-index: 1; left: 100px; top: 290px} #main #penLogout .log, #penLogin .log{position:relative; left: 2px; background: none } #main #penLogout a.log, #penLogin a.log {background:url(../images/penOff.png) no-repeat 0 0; width:56px; height:30px; position: absolute; text-decoration: none; } #main #penLogout a.log:hover, #penLogin a.log:hover {background-position:0px -30px;} #main #penLogout .log span, #penLogin .log span{visibility: hidden;} #main #bg #help {width:60px; height: 60px; position: absolute; z-index: 1; left: 140px; top: 470px;} #main #bg #help .btnHelp {background:url(../images/help.png) no-repeat 0 0; width:60px; height: 60px; text-decoration: none; display: block; float: left; border: 0; cursor: pointer; color:white; padding-bottom: 2px; *padding-bottom: 0; font-size:0;} #main #bg #help .btnHelp:hover {background-position:0 -60px;} /*end*/ #main #bg {width:580px; height: 538px; background: url(../images/bgBody.png) ; margin: 0 auto;} /* zmenit vysku*/ /*top*/ #main #bg .logo {position: relative; left: 50px; top: 25px; width: 136px;} #main #bg .nick {position: absolute; left: 220px; top: 67px; width: 120px; height: 24px; background: url(../images/bgNick.png) no-repeat 50% 0; text-align: center; overflow: hidden;} #main #bg .nick h6 {font-size:11px; font-weight: bold; color: #7a6546;} #main #bg .premiumKredit {position: absolute; left: 585px; top: 20px; width: 140px; height: 24px; background: url(../images/premiumKredit.png) no-repeat 50% 0; text-align: center; overflow: hidden;} #main #bg .premiumKredit h6 {font:bold 11px tahoma; color: #bc820a; top: 4px; left: 47px; position: relative;} #main #help {width:60px; height: 60px; position: absolute; z-index: 1; left: 130px; top: 550px;} #main #help .btnHelp {background:url(../images/help.png) no-repeat 0 0; width:60px; height: 60px; text-decoration: none; display: block; float: left; border: 0; cursor: pointer; color:white; padding-bottom: 2px; *padding-bottom: 0; font-size:0;} #main #help .btnHelp:hover {background-position:0 -60px;} #main .addKredit {width:121px; height: 80px; position: absolute; z-index: 1; left:600px; top: 50px;} #main .addKredit a {background:url(../images/addKredit.png) no-repeat 0 0; width:121px; height: 40px; text-decoration: none; display: block; float: left; border: 0; cursor: pointer; color:white; padding-bottom: 2px; *padding-bottom: 0; font-size:0; color: #d6cece;} #main .addKredit a:hover {background-position:0 -40px;} #main #bg .menuUser {top: 65px; left: 63px; position: relative; font-size:11px; color: #a9a0a0; background:url(../images/bgMenu.png) no-repeat 0 5px; height: 22px; width: 300px;} #main #bg .menuUser a {font:normal 11px tahoma; color: #7b7171; text-decoration: none;} #main #bg .menuUser a:hover {color: #b1aaaa;} #main .scoreUser {width:138px; height: 80px; position: absolute; left: 535px; top: 100px; background: url(../images/bgScore.png) no-repeat 0 0px;} #main .scoreUser p {font-size:11px ; color: #b4422e; position: relative; top: 12px; left: 60px; font-weight: bold; width:48px; text-align: center;} /*topTable*/ #topTable {width:260px; height: 457px; background: url(../images/bgTopTable.png) no-repeat; position: absolute; left: -27px; top: 30px } #topTable table.top{border-bottom:1px dotted gray; line-height: 20px; position: relative; top: 90px; z-index: 1; font-size:11px; font-weight: bold; color: #301b0d; left: 50px; clear: both;} #topTable table.top a{font-size:12px; color: #763b1a; text-decoration: underline } #topTable table.top a:hover{color: black; text-decoration: none } #topTable table.top td.nick{ width: 117px; } #topTable table.top td.score{ text-align: right; color: #cc2900; font-weight:bold; width: 53px;} #topTable table.top tr td {padding-bottom: 2px;} #topTable table.top tr td .ico{background: url(../images/noUser.gif) 1px 1px; width: 25px; height: 25px; border: 1px solid gray;padding: 1px; float: left; margin-right: 1px; margin-right:5px; } #topTable .page{position: relative; top: 92px; left: 100px; width: 80px; font-size:11px; color: #761a28; text-align: center; font-weight: bold} #topTable .nxt {position: relative; left: 173px; top:78px; z-index: 500; width: 50px; } #topTable .prew {position: relative; left: 80px; top:108px; z-index: 500; width: 50px; } #topTable .nxt a, .prew a{font-size:20px; color: #763b1a; text-decoration: none } #topTable .nxt a:hover, .prew a:hover{color: black; } /*toolTips*/ .tooltip {position:relative; z-index:10000; } .tooltip span { display:none;} .tooltip:hover {z-index:25;visibility:visible;} .tooltip:hover span {z-index:25; display:block; position:absolute; max-width:300px;min-width:15px; top:20px; left:0px; background:#623117; border:0px solid #333333; padding:3px; font-size:11px; color:white; text-decoration:none; } .tooltip:hover .arw {background:url(../images/arow.gif) no-repeat 0 0; position: absolute; top: -4px; height: 4px; width:8px; } /*test*/ #main .testName {width:410px; top: 120px; left: 270px ; position: absolute; display: table; height: 45px; #position: absolute; overflow: hidden; } #main .testName .q {#position: absolute; #top: 50%; display: /*table-cell*/ table ; vertical-align: middle; line-height:41px; height: 41px } #main .testName h1 {font-size:14px; color: #35414f; #position: relative; #top: -50%; } #main .testName img {float: left; } /*pozadie otazky*/ #main .que {width:410px; height:50px; top: 165px; left: 280px ; position: absolute; } #main .que h2 {font-size:12px; color: #cc0000; font-weight: bold; top: 15px; position: relative; line-height: 12px; } #main .que #con {width:415px; height: 210px; position: relative; top: 0px; overflow-y:auto !important; text-align: justify;} /*format user section*/ #main .user {width:410px; top: 122px; left: 270px ; position: absolute; display: table; height: 30px; #position: absolute; overflow: hidden; } #main .user .q {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle} #main .user h1 {font-size:14px; color: #35414f; #position: relative; #top: -50%; padding-left: 15px;} #main .sec {width:410px; height:50px; top: 135px; left: 280px ; position: absolute; } #main .sec h2 {font-size:12px; color: #cc0000; font-weight: bold; top: 15px; position: relative; line-height: 12px; } #main .sec #con {width:415px; height: 355px; position: relative; top: 0px; overflow-y:auto !important;} #main .sec #con p{font-size:11px; color: black;} #main .sec #con .avt {background: url(../images/noAvatar.gif) 50% 50%; width: 115px; height: 115px; border: 1px solid gray; padding: 2px; } #main .sec #con img {vertical-align: middle; } #main .sec #con table {font-size:12px; font-weight: bold; color: #301b0d; } #main .sec #con table em{color: #cc0000;} #main .sec #con table td {padding: 5px; vertical-align: middle;} #main .sec #con table a{font-size:12px; font-weight: bold; color: #0042c6; } #main .sec #con table a:hover{color: #002b82; text-decoration: none } #main .sec #con .tab {background: transparent } #main .sec #con table.group .tab {border-bottom:1px dotted gray; height: 20px; line-height: 20px; background: transparent } #main .sec #con table.group tr {height: 25px;} #main .sec #con table.group tr:hover{background:#ecece7} #main .sec #con table.group .ico {background: url(../images/noUser.gif) 1px 1px; width: 25px; height: 25px; border: 1px solid gray; padding: 1px; float: left; margin-right: 5px } #main .sec #con table.group td sup {vertical-align: middle;line-height: 28px; } #main .sec #con table textarea {height: 150px; width: 400px; line-height: 20px; background: transparent; border-width:0 0 1px 0px; border-style: dotted; border-color: #35414f; color: black; font:bold 12px "Trebuchet MS"; padding: 1px; font-style: italic;} #main .sec #con small {font-size:10px; color: #cc0000; font-weight: bold; } #main .sec #con ul li a {font-size:10px; color: #988e80; font-weight: bold; text-decoration: none} #main .sec #con ul li a:hover {color: #b7afa6;} #main .sec #con table .share {padding-top:3px} #main .sec #con label {vertical-align: middle; color: #35414f; font:10px "Trebuchet MS"; } #main .sec #con .txt{border-width:0 0 1px 0px; border-style: dotted; background: transparent; border-color: #35414f; color: black; font:bold 12px "Trebuchet MS"; height: auto; padding: 1px; font-style: italic; } #main .sec #con label:hover {color: #cc0000; } #main .sec #con .but {color: black; font:bold 10px tahoma; padding: 2px 5px 2px 5px; } #main .sec #con #status {font:bold 10px tahoma; width:180px; float:right } /*LiveValidation */ .LV_valid { color:green; font:bold 10px tahoma; } .LV_invalid { color:red; font:bold 10px tahoma; } .LV_validation_message{ font-weight:bold; margin:0 0 0 5px; font:bold 10px tahoma; } .LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active, .fieldWithErrors input.LV_valid_field, .fieldWithErrors textarea.LV_valid_field { /*border: 1px solid #00CC00;*/ } .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, .fieldWithErrors input.LV_invalid_field, .fieldWithErrors textarea.LV_invalid_field { /*border: 1px solid #CC0000;*/ } /*index*/ #main .que #conIndex {width:415px; height: 280px; position: relative; top: 0px; overflow-y:auto !important; } #main .que #conIndex table.index {font-size:10px; font-weight: bold; color: #9f958b; } #main .que #conIndex table.index img {border: 0 } #main .que #conIndex table.index label{} #main .que #conIndex table.index label a{font-size:12px; font-weight: bold; color: #845a1e; text-decoration: none } #main .que #conIndex table.index label a:hover{text-decoration: underline } #main .que #conIndex p{font-size:12px; color: #4a3c36; } #main .que .total {font-size:15px; color: #990000; position: relative; left: 333px; top:-18px; font-weight: bold } #main .que .total em{font-size:11px; color: #ae9d95; font-style: normal } #main .que .total sub{font-size:10px; color: #886c66; font-style: normal } #main .que .sel {padding:10px 0 10px 0; background: url(../images/bgIndex.png) no-repeat -5px 22px; } #main .que .sel a {font-size:15px; color: #990000; font-weight: bold; text-decoration: none;} #main .que .sel a:hover {color: #d40000; text-decoration: underline;} /*vyhdonotenie*/ #main .que #conStat{width:415px; height: 350px; position: relative; top: 0px; overflow-y:auto !important; } #main .que #conStat table.end {font-size:13px; font-weight: bold; color: #1f4ab8; } #main .que #conStat table.end tr {line-height: 25px;} #main .que #conStat img{vertical-align: middle;} #main .que #conStat table.end label{font-size:16px; font-weight: bold; color: #951b15; } #main .que #conStat table.end textarea{font:normal 11px "Trebuchet MS"; color: #251f1c; border:1px solid #bdb5ad; background: #deded6; overflow-y:auto !important; } #main .que #conStat em{font-size:11px; font-weight: bold; color: #444444; font-style: normal; } #main .que #conStat .prem {height: 30px; vertical-align: middle; line-height: 30px; border-top:1px solid #bdb5ad; border-bottom:1px solid #bdb5ad; } #main .que .rec { font-size:11px; font-weight: normal; color: #444444;} #main .que .rec img {border:none !important; vertical-align: middle; } #main .que #conStat sub{color: #bc820a; vertical-align: middle; text-decoration: underline; } #main .que #conStat a {font-size:14px; color: #885c09; font-weight: bold; text-decoration: none;} #main .que #conStat a:hover {color: #553904;} #main .que #conStat table.stat {font-size:11px; font-weight: normal; color: #413a30; } #main .que #conStat table.stat tr {line-height: 25px;} #main .que #conStat table.stat strong {font-weight: bold; font-size:12px; } #main .que #conStat .stat .but { color: black; font:bold 10px tahoma; padding: 2px 5px 2px 5px; } /*education mode*/ #main .eduMode { background: url(../images/eduMode.png) no-repeat; height: 56px; width: 131px; position: absolute; z-index: 1000; left: 325px;} #main .true { background: url(../images/true.png) no-repeat; height: 56px; width: 131px; position: absolute; z-index: 1000; left: 325px;} #main .true p { font:11px tahoma; color: #416e16; text-align: center; position: relative; top: 35px } #main .false { background: url(../images/false.png) no-repeat; height: 56px; width: 131px; position: absolute; z-index: 1000; left: 325px;} #main .false p { font:11px tahoma; color: red; text-align: center; position: relative; top: 35px } /*pay*/ #main .que #conPay{width:420px; height: 350px; position: relative; top: 0px; overflow-y:auto !important; } #main .que #conPay .pay {font-size:13px; font-weight: bold; color: #1f4ab8; background: url(../images/bgPay.png) no-repeat; height: 200px } #main .que #conPay .pay .but {color: black; font:bold 11px tahoma; padding: 2px 5px 2px 5px; } #main .que #conPay .paySMS {font-size:13px; font-weight: bold; color: #1f4ab8; height: 210px } #main .que #conPay .paySMS .conSMS{ height: 218px; width: 275px; position: relative; top: 65px; left: 190px; } #main .que #conPay .paySMS .conSMS label{ font:normal 11px "Trebuchet MS"; color: #251f1c; } #country {float: left; background:url(../images/flags/any.png) no-repeat 3px 3px white ; width: 28px; height: 23px; border-left: 1px solid #928475; border-top: 1px solid #928475; border-bottom: 1px solid #928475; padding: 0 0 0 3px; } #country img { position:relative; top: 3px; border: 1px solid #c5bbb1; padding: 1px; width: 21px; } #state {float: left; width: 150px; font:normal 11px "Trebuchet MS"; color: #251f1c; border: 1px solid #928475; height: 25px; padding: 2px;} #state option {height: 20px; background: no-repeat 2px 5px; padding-left: 30px; } #suppPay small{font:10px "tahoma"; color: #251f1c;} #suppPay big{font:bold 12px "tahoma"; color: #1e41a3;} #suppPay pre{font: 11px "tahoma"; color: black;} #suppPay sup{font:bold 12px "tahoma";color: #c61810;} #suppPay hr {margin: 5px 0 5px 0; } #suppPay img {vertical-align: middle } #main .que #conPay .but { color: black; font:bold 11px tahoma; padding: 2px 5px 2px 5px; } #main .que #conPay small { font: 10px "tahoma"; color: #837567; } .codeBar { font-size: 13px; text-align: center; font-weight: bold; width: 30px; padding: 2px; } #main .que .smsPay { font:normal 13px "Trebuchet MS"; color: #df0000; width: 450px; line-height: 20px; text-align: center; position: absolute; left: 0px; border-bottom: 1px dotted #bcbcbc;} #main .que .smsPay img{vertical-align: middle;} #main .que #conPay .paySMS .conSMS li{ font:normal 12px "Trebuchet MS"; color: #251f1c; } #main .que #conPay .paySMS .conSMS sub{ font:bold 12px "Trebuchet MS"; color: #c61810; } /*format qestion*/ #main .que #con {width:415px;position: relative; top: 0px; overflow-y:auto !important;} #main .que #con img {padding: 2px; border: 1px solid gray; margin: 0px; float: left;} #main .que #con label {vertical-align: middle; color: #35414f; font:12px "Trebuchet MS"; } #main .que #con input {border-width:0 0 1px 0px; border-style: dotted; background: transparent; border-color: #35414f; color: black; font:bold 12px "Trebuchet MS"; height: auto; font-style: italic; } #main .que #con label:hover {color:#cc0000 ; cursor: pointer;} #main .que #con span {vertical-align: middle; color: #35414f; font:12px "Trebuchet MS"; } #main .que #con td {padding: 3px 0 3px 0; vertical-align: middle;} #main .que #con td {padding: 3px 0 3px 0; vertical-align: middle;} #main .que #con sub {vertical-align: sub; font-size: 90%} #main .que #con sup {vertical-align: super; font-size: 90%} /*uvodny popis*/ #main .que #con .prem { vertical-align: middle; border-top:1px solid #bdb5ad; border-bottom:1px solid #bdb5ad; width: 400px; line-height: 30px; height: 30px; color: #885c09; font-size:12px; font-weight: bold;} #main .que #con .prem img { border: none } #main .que #con .prem a {font-size:10px; color: #885c09; font-weight: bold; text-decoration: none;} #main .que #con .prem a:hover {color: #553904;} #main .que #con .prem em{font-size:11px; font-weight: bold; color: #444444; font-style: normal; } /*paging*/ .paging {width:auto; font:11px tahoma; color: #7b6b6b; text-align: center;} .paging a{color:#7b6b6b; text-decoration: none; font-weight: bold;} .paging a:hover{color:#ce0000; text-decoration: underline;} /*end/format qestion*/ #main .infoTest {width:410px ; height: 20px; overflow: hidden; font-size:10px; color: #594131; display: inline; } #main .infoTest a{ color: #815926;} #main .infoTest a:hover{ text-decoration:none;} #main .infoTest span {position: relative; top: 1px;} #main .infoTest img {vertical-align: middle; } #main .nextQestion {width:230px; height:70px; background: url(../images/next.png) no-repeat; } #main .nextQestion .btnNext{font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #849ac0; text-decoration: none; background: none; border: none;} #main .nextQestion .btnNext:hover {color: #002584;} #main .nextQestion p {position:relative ; top: 29px; left: 52px; background: none; z-index: 3 } #main .nextQestion p a {font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #849ac0; text-decoration: none;} #main .nextQestion p a:hover {color: #002584;} #main .stopTest {width:130px; height: 68px; position: relative; z-index: 1; left: 190px; top:-80px } /*footer*/ #footer {clear:left; width:860px; height: 10px; position: relative; margin: 0 auto; top: -20px;} #footer ul {float: left; margin: 0;padding:0; list-style: none;} #footer ul li {line-height: 10px; padding-left: 10px;color: #36240e;font:11px tahoma;} #footer ul li em{font:normal 11px tahoma;} #footer ul li a{padding-left: 10px;color: black;font:11px tahoma;text-decoration: none;} #footer ul li a:hover {text-decoration: underline;} #logo_author {width:61px; font: 10px tahoma; color: black; position: absolute; left: 745px; top: -2px; display: inline;} #logo_author p {margin: 2px 0 0 0; float: left; text-align: right;} #logo_author a.logo {background:url(../images/logo_nolimit.gif) no-repeat 0 0; width:33px; height:17px; position: absolute; text-decoration: none; left: 45px; } #logo_author a.logo:hover {background-position:0px -17px;} #logo_author .logo span{visibility: hidden;}