@CHARSET "UTF-8";
* { margin: 0; padding: 0; }

a img { border: none; }
.cb { clear: both; }

html {font-family: Arial; font-size: 12px; color: #000; }
html { background: url(../images/bg-main.png) repeat-x top center #ecf3f6; }
html.test, html.result { background: url(../images/bg-testing.png) repeat-x top center #ecf3f6; }
html.other { background-position: 0 -100px; }

#main { width: 900px; margin: 0 auto; font-family: Arial; font-size: 13px; position: relative; }

#main .lc_index { width: 480px; float: left; }
#main .rc_index { width: 400px; float: right; }

#main #content { width: 904px; background: white; padding: 2px 0; margin-top: 18px;}
html.test #main #content, html.result #main #content { margin-top: -40px;}
#main #content .cinner { margin:0 2px; }
#main .lc { width: 660px; float: left; }
#main .rc { width: 238px; float: right; }
#main .oc { width: 900px; float: right; padding: 0 0 20px 0; }
/*html.test #main .lc { width: 660px; float: left; }*/
html.test #main .rc { padding-bottom:20px;}
html.result #main .lc { width: 598px; float: left; }
html.result #main .rc { width: 300px; float: right; }


a { color:#2389C1; font-weight: bold; }

.logo { display: block; width: 480px; height: 115px; position: relative; flaot: left; }
.logo strong, .logo img { display: block; width: 480px; height: 115px; overflow: hidden; position: absolute; left: 0; top: 0; }
html.test .logo strong, html.test .logo img, html.result .logo strong, html.result .logo img { display: block; width: 300px; height: 72px; overflow: hidden; position: absolute; left: 0; top: 0; }

.selectTests { width: 480px; height: 276px; background: url(../images/indexTests.png) no-repeat left top; }
.selectTests.long { height: 320px; background: url(../images/indexTests-long.png) no-repeat left top; }
.selectTests .title { color: #b2a800; font-size: 10px; line-height: 61px; height: 60px; *height: 45px; overflow: hidden; text-indent: 18px; text-transform: uppercase;}
.selectTests .tests .testitem .check { float: left; margin: 0 10px 10px 10px;}
.selectTests .tests .testitem input { display: none; }
.selectTests .tests .testitem h2 { float: left; color: #34a9da; display: block; width: 380px; height: 30px; position: relative; overflow: hidden;font-family: "Myriad Pro";font-size: 22px; }
.selectTests h2.claim { color: #25a2df; padding: 55px 0 0 20px; font-size: 24px;}
.selectTests p {padding: 10px 20px 5px 20px; color: #4c4c4c; line-height: 1.5em;}
.selectTests p.claim {font-size: 20px; float: left; margin-top: 20px; line-height: 40px;}
.selectTests .tests .testitem h2 img { position: absolute; left: 0; top: 0; width: 310px; height: 30px; }
.selectTests .tests .testitem p { color: #4c4b35; font-size: 11px; display: block; }
.selectTests .tests .testitem div.check { background: url(../images/tests/check1.png) no-repeat 0 0; width: 55px; height: 57px; margin-bottom: 40px; *margin-bottom: 30px; }
.selectTests .tests .testitem div.check a {display: block;width: 55px; height: 57px; }
.selectTests .tests .testitem div.check2 {background: url(../images/tests/check2.png) no-repeat 0 0;}
.selectTests .tests .testitem div.check:hover,.selectTests .tests .testitem div.check.checked { background-position: 0 -57px; }
.selectTests #runTest { cursor: pointer; }

.indexArticle { margin-top: 10px; color: #4c4c4c; }
.indexArticle h2 { display: block; width: 400px; height: 50px; position: relative; margin-bottom: 10px; overflow: hidden; }
.indexArticle p { margin-bottom: 10px; }
.indexArticle h2 img { display: block; width: 400px; height: 50px; position: absolute; left: 0; top: 0; }

.stats { margin-top: 28px; }
.stats .title { width: 400px; height: 30px; background: url(../images/stats_title.png) no-repeat left top; line-height: 30px; height: 30px; overflow: hidden; color: #b2af7c; font-size: 10px; text-indent: 18px; text-transform: uppercase; }
.stats .title.long { width: 480px; height: 28px; background: url(../images/stats_title-long.png) no-repeat left top;}
.stats .content { width: 400px; height: 65px; background: url(../images/stats_content.png) no-repeat left top; position: relative; }
.stats .content.long { width: 480px; background: url(../images/stats_content-long.png) no-repeat left top;}
.stats .content .inner { color: #4c4c4c; font-size: 10px; width: 300px; height: 30px; line-height: 15px; overflow: hidden; position: absolute; left: 68px; top: 18px; text-transform: uppercase; }
.stats .content .inner strong { font-size: 11px; font-weight: bold; }
.stats .footer { width: 400px; height: 47px; background: url(../images/stats_footer.png) no-repeat left top; position: relative; }
.stats .footer.long { width: 480px; background: url(../images/stats_footer-long.png) no-repeat left top; }
.stats .footer.long p.claim {color: #8e9294; padding: 15px 0 0 36px;}
.stats .footer form { width: 171px; height: 22px; position: absolute; right: 0px; top: 14px; }
.stats .footer form input { position: relative; top: -5px; }
.stats .footer form input.sbm { border: 0;}
.stats .footer form input[type="text"] { width: 110px; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; font-size: 11px; padding: 3px; margin-right: 5px; position: relative; top: -17px; *top: -4px; }

.celebs { margin-top: 28px; }
.celebs .title { width: 400px; height: 30px; background: url(../images/stats_title.png) no-repeat left top; line-height: 30px; height: 30px; overflow: hidden; color: #b2af7c; font-size: 10px; text-indent: 18px; text-transform: uppercase; }
.celebs h2.claim {font-size: 24px; color: #34a9da; text-transform: none; margin-bottom: 15px;}
.celebs .content { width: 400px; background: url(../images/celebs_content.png) repeat-y left top; position: relative; }
.celebs .content .inner { color: #4c4c4c; font-size: 10px; text-transform: uppercase; padding-left: 20px; padding-top: 16px; }
.celebs .content .inner .celebs_item { width: 117px; float: left; background-color: #ecf3f6; border-bottom: 1px solid #d9d9d9; margin-right: 6px; margin-bottom: 20px; padding-top: 5px; }
.celebs .content .inner .celebs_item .photo { border: 1px solid #e0e7e9; background-color: #fff; padding: 3px; width: 98px; margin: 0 auto; }
.celebs .content .inner .celebs_item .photo img { display: block; }
.celebs .content .inner .celebs_iq { display: block; text-align: center; color: #34a9da; font-family: "Myriad Pro"; font-size: 40px; }
.celebs .content .inner .celebs_item .celebs_line { height: 1px; font-size: 1px; overflow: hidden; background: url(../images/celebs_line.png) no-repeat left top; margin: 10px 0; }
.celebs .content .inner .name { display: block; text-align: center; margin-bottom: 10px; }
.celebs .content .inner strong { font-size: 11px; font-weight: bold; display: block; text-align: center; }
.celebs .footer { width: 400px; height: 47px; background: url(../images/celebs_footer.png) no-repeat left top; position: relative; text-transform: uppercase;}
.celebs .footer a { display: block; float: left; background: url(../images/celebs_footer_bullet.png) no-repeat left center; line-height: 44px; height:45px; color: #403f2d; font-weight: bold; font-family: "Myriad Pro"; margin: 0 10px 0 20px; padding-left: 20px; }

.indexTop5 { margin-top: 20px; color: #4c4c4c; margin-left: 20px; }
.indexTop5 h2 { display: block; width: 200px; height: 25px; position: relative; margin-bottom: 10px;  overflow: hidden;}
.indexTop5 p { margin-bottom: 10px; }
.indexTop5 h2 img { display: block; width: 200px; height: 25px; position: absolute; left: 0; top: 0; }
.indexTop5 ul { list-style: none; }
.indexTop5 ul li { padding-left: 20px; background: url(../images/top_5_celebs_bullet.png) no-repeat left center; line-height: 25px; }

.iq_footer { background: url(../images/footer_top.png) repeat-x top left; line-height: 60px; height: 60px; padding-top: 1px; color: #a5aaac !important;}
.iq_footer .left { float: left; }
.iq_footer .right { float: right; }
.iq_footer .right a { color: #a5aaac !important; font-size: 10px; text-decoration: none; text-transform: uppercase; }

.msgDivBig {padding:10px 0;font-size:200%;text-align: center;margin:10px 0;border:5px solid transparent;}
.success {color:#78AB11;font-weight:normal;background-color:#EBFAC4;border-color:#D8F591;}
.error {color:#CE0000;font-weight:normal;background-color:#FFDBDB;border-color:#FFBBBB;}
.halfcol {width:49.9%;float:left;}
.thirdcol {width:32%;float:left;}
.towthirdcol {width:64%;float:left;}


span.time { background: url(../images/icon_time.png) no-repeat left center; padding-left: 20px; line-height: 20px; margin-right: 20px; }

.content-result .left-column { width: 624px; float: left; margin: 0 0 0 20px; }
.content-result .left-column h1 { font-family: Georgia; font-size: 35px; color: #1e3c4a; font-style: italic; font-weight: normal; margin-bottom: 10px; }
.content-result .left-column h2 { font-family: Georgia; font-size: 22px; color: #1e3c4a; margin-bottom: 10px; }
.content-result .left-column p { line-height: 20px; color: #464646; margin-bottom: 10px; }
.content-result .left-column a { color: #ce0000; font-weight: bold; }
.content-result .left-column a.resultLink { color: #50bfe1; font-size: 11px; }
.content-result .left-column span.ganswer { background: url(../images/icon_good_answers.png) no-repeat left center; padding-left: 20px; line-height: 20px; margin-right: 20px; }
.content-result .left-column span.banswer { background: url(../images/icon_bad_answers.png) no-repeat left center; padding-left: 20px; line-height: 20px; }
.content-result .left-column .result-table { width: 542px; height: 350px; position: relative; background: url(../images/result-table.png) no-repeat left top; }
.content-result .left-column .result-table .result-info { width: 343px; font-size: 18px; color: #fff; font-family: "Comic Sans Ms"; text-align: center; position: absolute; left: 0; top: 50px; }
.content-result .left-column .result-table .result-iq { width: 343px; color: #fff; font-family: "Comic Sans Ms"; text-align: center; font-size: 90px; position: absolute; left: 0; top: 50px; }



ul { padding-left: 20px; list-style-image: url(../images/ul-bullet.png); font-style: italic; font-family: Georgia; font-size: 12px; margin-bottom: 10px; }
ul li { background: url(../images/ul-li-bg.png) repeat-x left bottom; padding: 5px 0; }

table { border-collapse: collapse; margin-bottom: 10px; }
table thead tr th { background: url(../images/th.png) repeat-x top left; padding: 0 10px; height: 34px; color: #fff;}
table tbody tr td { border: 1px solid #c0daec; padding: 5px 10px; background-color: #fff; color: #343434; }
table tbody tr.odd td { background-color: #e5f3fc; }
form label { font-weight: bold; color: #464646; }
form input, form textarea { border: 1px solid #c0daec; padding: 4px; }
form input[type="submit"] { border: none; }
input.submit { display: block; width: 200px; height: 35px; line-height: 20px; text-align:center; color: #fff; font-size: 16px; text-decoration: none; background: url(../images/submit.png) repeat-x left center; border:0 !important; font-family: "Myriad Pro"; font-weight:bold;}
form .sbmW2 { border: none; width: 200px !important;background: url(../images/submit_w2.gif) no-repeat left top !important;}
form .submitBig {display: block; height: 56px; text-align: center; color:#D5EBF5; font-size: 26px; text-decoration: none; background: url(../images/submit_big.png) repeat-x left top;border:0 !important;}
form .submitBig.w100perc {width:100%;}
a.submit { }

a.endTest { display: block; width: 125px; height: 40px; background: url(../images/end-test-button.png) no-repeat left top; line-height: 40px; overflow: hidden; text-align: center; font-size: 12px; font-weight: bold; color: #2b4856; position: relative; top: 34px; left: 20px; }

.hidden {display: none;}
.first {margin-top: 0 !important;}

/* STRANKY */
#content h1.MainHeadline, #content div.MainHeadline { width: 900px; height: 30px; background: url(../images/test-header.png) no-repeat right top; line-height: 61px; height: 61px; overflow: hidden; color: #b2af7c; font-size: 11px; text-indent: 18px; position: relative; font-weight: bold; font-style: normal; margin-top:-18px; text-transform: uppercase;}
#content h2 { margin:15px 0 10px 0;}

.lc .claim {color: #77C1E0;font-size:28px;font-weight: bold;font-family: "Myriad Pro";margin:0 0 15px 0;}
.lc .claim strong {color: #34A9DA;}

.lc {border-right:1px dotted #999999;}
.rc {padding:0 0 40px 0;}
.lc .lc_inner {margin:0 18px;}
.rc .rc_inner {margin:0 18px;}
.oc .oc_inner {margin:0 18px;}
.rc .title {color: #34A9DA;font-family: Georgia; font-size: 22px; font-weight:500; }

.lc .footer { height: 47px; background: url(../images/lc_footer.png) repeat-x left top;margin: 20px -18px -2px -18px; }
.lc .footer a { display: block; background: url(../images/celebs_footer_bullet.png) no-repeat left center; line-height: 44px; height:45px; color: #403f2d; font-weight: bold; font-family: "Myriad Pro"; margin: 0 10px 0 20px; padding-left: 20px; text-transform: uppercase; }

.enter {margin-top: 102px; height: 150px;}
.enter p.certificate_bonus {color: #979797; font-weight: bold; padding: 10px 0px 25px 50px; background: url(../images/medaile-small.png) no-repeat right top; margin-right: 20px;}
a#enter-button {text-decoration: none; display: block; height: 50px; width: 377px; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/enter-button2.png); color: #fff; padding: 65px 0 0 60px; font-size: 24px;}
a#enter-button.lang-cz {background-image: url(../images/enter-button-cz.png);}
a#enter-button.lang-sk {background-image: url(../images/enter-button-sk.png); padding: 65px 0 0 40px; width: 397px;}
a#enter-button:hover {background-position: 0 -115px; padding: 66px 0 0 61px; height: 49px; width: 376px;}
a#enter-button.lang-sk:hover {background-position: 0 -115px; padding: 66px 0 0 41px; width: 396px;}

.fright {float: right;}
.cleaner {clear: both; height: 20px;}

/* CELEBRITY */

#content .lc .celebs_item { width: 117px; float: left; background-color: #ecf3f6; border-bottom: 1px solid #d9d9d9; margin-right: 6px; margin-bottom: 20px;padding-top: 5px; }
#content .lc .celebs_item .photo { border: 1px solid #e0e7e9; background-color: #fff; padding: 3px; width: 98px; margin: 0 auto; }
#content .lc .celebs_item .photo img { display: block; }
#content .lc .celebs_item .celebs_iq { display: block; text-align: center; color: #34a9da; font-family: "Myriad Pro"; font-size: 32px;font-weight: bold; }
#content .lc .celebs_item .celebs_line { height: 1px; font-size: 1px; overflow: hidden; background: url(../images/celebs_line.png) no-repeat left top; margin: 10px 0; }
#content .lc .celebs_item .name { display: block; text-align: center; margin-bottom: 10px; font-size: 11px;height: 30px;}
#content .lc .celebs_item strong {  font-weight: bold; display: block; text-align: center; }

#content .lc .celebs_det {}
#content .lc .celebs_det .photocol {float: left;width:150px;}
#content .lc .celebs_det .photocol .photo { border: 2px solid #e0e7e9; background-color: #fff; padding: 3px; width: 98px; margin: 0 auto; }
#content .lc .celebs_det .photocol .photo img { display: block; }
#content .lc .celebs_det .photocol .celebs_iq { text-align: center;color: #34A9DA;margin-top: 20px;font-size:16px; }
#content .lc .celebs_det .photocol .celebs_iq span.value { font-weight: bold;font-size:32px; }
#content .lc .celebs_det .descrcol {float: left;width:470px;text-align: justify;}
#content .lc .celebs_det .descrcol div.ad {margin:20px 0;border:1px dotted #403f2d;font-weight: bold;padding:5px 15px;color: #403f2d; font-weight:bold; font-family: "Myriad Pro";background: #FFFAB2;}
#content .lc .celebs_det .descrcol div.ad p {margin:5px 0;font-size:14px;}
#content .lc .celebs_det h2 {color:#24A2DF;font-family: "Myriad Pro";}

#content .rc .menuNextCelebs {margin:0 0 20px 10px;padding:10px 0 0;position:relative;}
#content .rc .menuNextCelebs .prev, #content .rc .menuNextCelebs .next {width: 86px;height: 11px;overflow: hidden;display: block;margin:5px 0 5px 50px;background: no-repeat;}
#content .rc .menuNextCelebs .prev {background-image: url(../images/celeb_carousel_prev.png);}
#content .rc .menuNextCelebs .next {background-image: url(../images/celeb_carousel_next.png);}
/*#content .rc .menuNextCelebs .sel {background:#FFFAB2;}*/
#content .rc #menuNextCelebsCarousel {height:290px;left:0;overflow:hidden;position:relative;visibility:visible;z-index:2;}
#content .rc .menuNextCelebs .photo { border: 1px solid #e0e7e9; background-color: #fff; padding: 3px; width: 98px; margin: 0 auto; }
#content .rc .menuNextCelebs .photo img { display: block; }
#content .rc .menuNextCelebs .name { display: block; text-align: center; margin-bottom: 10px; font-size: 11px; }
#content .rc .menuNextCelebs .celebs_iq { display: block; text-align: center; color: #34a9da; font-family: "Myriad Pro"; font-size: 20px;font-weight: bold; }
#content .rc .menuNextCelebs ul { list-style: none !important;padding: 0 !important;}
#content .rc .menuNextCelebs ul li { border: 0 !important;padding: 0 !important;background: none !important;}


/* TESTOVANI */

#content .lc .questionContent {color: #34A9DA;font-size:26px;font-weight: bold;font-family: "Myriad Pro";margin:0 0 15px 0;}

#content .firststepinfo {margin-right:10px;border-right:1px dotted #8E9294;padding:0 10px 10px 0;}
#content .firststepinfo label {float: left;width:130px;padding: 4px 0;}
#content .firststepinfo input.input, #content .firststepinfo select.input {float: left;}
#content .firststepinfo input.submit {margin:20px 0 20px 170px;}
#content .firststepinfo .helptxt {margin:5px 0 5px 130px;font-style: italic;font-size:90%;}

.questionBox { border: 1px solid #254d64; background-color: #CFE8F6; width: 400px; float: left; }
.questionBox img { margin: 0; }

.questionBoxTask { border:0; width:305px; float: left; padding:0; margin:0 15px 20px 0; }
.questionBoxTask img { margin:0; }
.questionList { text-align: center; float: left; width: 310px;height: 210px;margin-right: -10px;}
.questionList.box4 { width: 250px;}
.questionList .answer { border:0; margin:0 5px 5px 0; float: left; }
.questionList .answer input { margin:0px; clear: left; border:0 !important;width: 97px; height: 73px;padding: 0;}
.skipQuestionDiv {float: left; width: 300px;}
.skip-question { display: block; width: 200px; height: 35px; line-height: 20px; text-align:center; color: #fff; font-size: 16px; text-decoration: none; background: url(../images/submit.png) repeat-x left center; border:0 !important; font-family: "Myriad Pro"; font-weight:bold;}

.testprogress {width: 205px;margin-top:18px;height: 135px;overflow:hidden;}
.testprogress .frm {width: 43px;height: 41px;overflow: hidden;line-height: 41px;background-position: center center;background-repeat: no-repeat;font-weight: bold;color: #34A9DA;text-align: center;float: left;margin:0 4px 4px 0;font-size:14px;}
.testprogress .frm.done {background-image: url(../images/progress_frm_done.png);}
.testprogress .frm.willdo {background-image: url(../images/progress_frm_willdo.png);}
.testprogress .frm.doing {background-image: url(../images/progress_frm_doing.png);font-size:18px;}

.testinfo {background: url(../images/clock.png) left center no-repeat;color: #666666;font-size: 9px;margin:5px 0; width: 200px; float: left;}
.testinfo .inner {padding:20px 0 20px 45px;}

.results-title {width: 300px; float: left;}

.questionResultDiv {margin:0 0 20px 0;}
.questionResultDiv .title {color: #77C1E0;font-size:22px;font-weight: bold;font-family: "Myriad Pro";margin-bottom:10px;}
.repair { float: left; width: 180px; margin: 0 20px; }
.repair .answer { margin:0 0 15px 0; }
.repair .answer p { margin:0 0 15px 0; font-size:14px; }
.repair .answer img { display: block; margin:0; }
.answerEvaluation {border:2px solid transparent;font-size:120%;font-weight:bold;text-align: center;padding:5px;}
.answerCorrect {border-color:#00C000;color:#00C000;background-color:#C5FFC5;}
.answerWrong {border-color:#C00000;color:#C00000;background-color:#FFDFDF;}

.repeatTestClaim {background: #FFFAB2;border: 1px solid #999999;padding: 10px 20px;margin-bottom:30px;}
.repeatTestClaim h2 {margin-top: 5px !important;}

#content .lc .result-table { width: 542px; height: 350px; position: relative; background: url(../images/result-table.png) no-repeat left top; }
#content .lc .result-table .result-info { width: 343px; font-size: 18px; color: #fff; font-family: "Comic Sans Ms"; text-align: center; position: absolute; left: 0; top: 50px; }
#content .lc .result-table .result-iq { width: 343px; color: #fff; font-family: "Comic Sans Ms"; text-align: center; font-size: 90px; position: absolute; left: 0; top: 50px; }


/* PLATEBNI BRANA */
.gate {}
.gate table {margin:20px 0 10px 0;}
.gate table th {width: 33%;text-align: left;font-size:18px;background: #FFF000;color: #34A9DA;font-weight: bold;padding: 5px;vertical-align: top;border-right:1px solid #B9D2D8 !important;}
.gate table td {border:0 !important;width: 33%;padding:20px 10px;vertical-align: top;background: #FFFAB2;border-right:1px solid #B9D2D8 !important;}
.gate .smsPattern {background: #E3F397;border: 1px solid gray;padding: 2px 8px;font-weight: bold;margin:3px 0;font-size: 140%;word-spacing:5px;white-space: nowrap;display: block;width:150px;}
.gate .number {font-weight: bold;font-size: 120%;padding: 5px 10px 5px 0;vertical-align: top;line-height:20px;}
.gate .phoneNumber {font-size: 160%;margin:3px 0;display: block;}
.gate .submitBig { width: 100%; }


/* VYHODNOCENI */
.iqForm { margin: 10px 0; padding: 0; background: none; border: none; }
.iqForm .iqFormText { border: 1px solid #d7d7d7; font-size: 12px; color: #464646; padding: 6px; width: 246px; }
.iqForm .submit { width: 260px; }

.certificate { width: 260px; height: 190px; background: url(../images/certificate.png) no-repeat left top; margin: 20px 0; position: relative; }
.certificate h3 { display: block; width: 130px; height: 70px; position: absolute; left: 100px; top: 45px; text-align: center; font-family: Georgia; font-size: 26px; color: #393936; font-style: italic; font-weight: normal; }
.certificate a.sendCertificate { display: block; width: 130px; position: absolute; left: 100px; top: 120px; text-align: center; color: #ce0000; font-weight: bold; }

#certDiv {border:3px solid #C6DFEC;padding:10px;margin-bottom:40px;background-color:#F6FBFE;}
#certDiv label {float: left;width:100px;font-size:90%;font-weight: bold;margin-top:12px;}
#certDiv .inpt {float: left;width:120px;margin-top:10px;border: 1px solid #d7d7d7; font-size: 12px; color: #464646; padding: 6px; }
#certDiv .helptxt {float: left;display: block;font-size:80%;margin-left:20px;margin-top:10px;}
#certDiv .submit {margin:15px 0 0 0;width: auto;}

.next-tests {margin: 0 0; }
.next-tests h3 { margin: 5px 0; }
.next-tests h3 a { font-size: 14px; font-weight: bold; }
.next-tests p { margin-bottom: 10px; font-size: 11px;line-height:15px;}
.next-tests a { font-weight: bold; display: block; }


/* NACTENI TESTU */

#loading fieldset {width:400px;padding:20px;border: 0;}
#loading label {float: left;width:120px;padding: 4px 0;}
#loading input.input {float: left;}
#loading input.submit {margin:20px 0 20px 120px;}
#loading .helptxt {margin:5px 0 5px 120px;font-style: italic;font-size:90%;}
#loading #captchaDiv {display: none;}

.mt0 {margin-top:10px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mr0 {margin-right:0;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr5 {margin-right:5px;}
.mr3 {margin-right:3px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.pr3 {padding-left:5px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-right:5px;}
.p5 {padding:5px;}

#content .pntmCond {color: #B2AF7C;font-size:100%;margin-top:10px;}
#content .pntmCond a {color: #B2AF7C;font-weight: normal !important;color:#000 !important;text-decoration: none !important;}
#content .pntmCond.cz, .pntmCond.cz a {color:black;font-size:10px;margin-top: 40px;}

.upper {text-transform: uppercase;}

/* FANCYBOX - SAVE EMAIL */

#ulozit .saveForm .iqFormSubmit { border: none; background: url('../images/submit-save-form.png') no-repeat 0 0 #2b9ccb; padding: 3px 7px; width: 120px; height: 32px; margin-top: 5px; color: #fff; font-size: 16px; text-align: center;}
#ulozit .saveForm .iqFormSubmit:hover {background-image: url('../images/submit-save-form.png'); background-position: 0 -32px;}
#ulozit p strong {text-align: left; color: #2b9ccb; padding-bottom: 10px; font-size: 13px;}
#ulozit {text-align: center;}
#ulozit form {text-align: center; margin-top: 12px;}

/* TWO FOR ONE */

.two-for-one-box {}

#countdown_dashboard {
		height: 50px;
		float: left;
		margin: 0px 15px 0 15px;
		width: 150px;
	}
	
	.dash {
		width: 55px;
		height: 50px;
		background: transparent url('../images/dash-smaller.png') 0 0 no-repeat;
		float: left;
		margin-left: 3px;
		position: relative;
	}

	.dash .digit {
		font-size: 30pt;
		font-weight: bold;
		float: left;
		width: 27px;
		text-align: center;
		/*font-family: Times;*/
		color: #238ac1;
		position: relative;
	}

	.dash_title {
		position: absolute;
		display: block;
		bottom: 0px;
		right: 6px;
		font-size: 9pt;
		color: #555;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	
	.colon {
		float: left;
		font-size: 30pt;
		font-weight: bold;
		margin-left: 3px;
		margin-top: -2px;
		height: 50px;
		color: #aeafb0;
	}
	
	#content p.countdown_claim{float: left; font-size: 18pt; font-weight: bold; margin: 15px 0 0 0; color: #4ebde0;}
	#content p.countdown_claim.part-one{display: block; width: 275px; }
	#content p.countdown_claim.part-two{line-height: 1.8em; margin-top: 0; color: #000000; width: 500px;}
	#content p.countdown_claim.part-two .test-type {font-weight: normal; font-style: italic; color: #464646;}
	
	.einstein-image{float: left; margin-right: 20px;}
	.einstein-fleft{float: left; width: 600px; margin-top: 8px;}


/* BANNER */
.banner-test { background: url(../images/baner-background.png) 0 0 no-repeat transparent; width: 522px; height: 110px; margin: 15px 0 5px 0;}
#content .banner-test .left-column {width: 210px; float: left;}
#content .banner-test h2 {margin-top: 18px;}
.banner-test form.start-test { margin: 0px 20px 0 0; float: left; height: 64px;}
.banner-test form .submitBig {background: url(../images/enter-button-small2.png) no-repeat 0 0px; color: #fff; padding: 0 0 0 0px; width: 226px; height: 64px; text-align: center; line-height: 0;}
.banner-test form .submitBig:hover {padding: 2px 0 0 3px; background: url(../images/enter-button-small2.png) no-repeat 0 -65px; }
.banner-test div.start-test { margin: 30px 20px 0 0; float: right;  line-height: 85px; text-align: center;  font-size: 26px; background: url(../images/start-test.png) no-repeat left top; font-family: Arial !important; }
.banner-test div.start-test a {font-weight: normal;display: block; width: 300px; height: 100px;text-decoration: none; color: #fff;  }
.banner-test div.start-test a:hover { background: url(../images/enter-test-small.png) no-repeat left top; }
#content .content-result .left-column .start-test a {color: #fff;}


