html, body { margin: 0; padding: 0;}
body {background: white; color: black;  font-family:  Arial, "Arial CE", helvetica, sans-serif; text-align: center; font-size: 80%; }
img { border: 0;}
a {text-decoration: underline; color: black;}
form { margin: 0; padding: 0; width: auto;}
a:hover {text-decoration: none;}
.co {width: 100%; display: table; margin: 5px 0; }
.coright { width: 70%; float: left; }
.coleft {float: left; clear:left; width: 30%; }
#aboutus .coright { width: 42%; float: left; }
#aboutus .coleft {float: left; clear:left; width: 58%; }
#account .coright { width: 20%; float: left; }
#account .coleft {float: left; clear:left; width: 70%; border-right: 1px solid #E2E2E2; } 
#contact .coright { width: 27%; float: left; }
#contact .coleft {float: left; clear:left; width: 73%;  }
.testimg .coright { width: 35%; padding-left: 2em; float: left; margin-bottom: 0; padding-bottom: 0; }
.testimg .coleft {float: left; clear:left; width: 85px; margin-left: 5px; margin-bottom: 0; padding-bottom: 0; border-right: 1px solid #E2E2E2; }
.testimg { margin-bottom: 0; padding-bottom: 0; }
#adv1 { width: 100%; height: 112px; background: url(../images/adv1_line.gif) left top repeat-x; margin: 0; border-top: 1px solid #CEE0F0; padding-bottom: 0;}  
#adv1 div { width: 758px; height: 102px; margin: 5px auto; padding-left: 5px; background: url(../images/adv_grad.gif) center left no-repeat; padding-bottom: 0;}
#adv1 img, #adv1 object {border: 1px solid #e1ecda; }
#page { overflow: hidden; width: 90%; margin: 5px auto 20px auto; min-width: 991px; text-align: left; position: relative; _width: expression((document.body.clientWidth <= 1001 ? "991px" : "90%")); }
#export { font-size: 95%; width: 320px; margin: 0 auto; padding: 0; text-align: left; }

#head { width: 100%; height: 100px; text-align: right; margin-top: 26px; font-size: 1.5em; color: #ffa600; display: table; _padding-top: 2.5em; }
#head h1 { background: white url(../images/logo02.png) no-repeat; width: 265px; float: left; height: 62px; display: block; margin: 0; padding: 0; }
#search { text-align: center; /*margin-top: 20px;*/  /*position: relative; top: -40px;*/ }

/*#searchBubbles { margin-left: 220px; position: absolute; left: 35%; top: 16px; }
#searchBubbles .margin { margin-bottom: 5px; }*/

#searchBubbles { left:35%; margin-left:220px; position:absolute; top:15px; }
#searchBubbles a { display: block; width: 70px; height: 35px; line-height: 25px; color: #00bf00; background: url(../images/search/bubble.jpg) no-repeat top center; float: left; text-decoration: none; font-weight: bold; font-size: 90%; text-align: center;  }
#searchBubbles a.actual { background: url(../images/search/bubble-actual.jpg) no-repeat top center; color: white;}

#porad-spot { text-align: center; }


h1 span {display: none;}
#head h1 a { display: block; width: 100%; height: 100%; }

.grad-i { &margin: 0; _margin-left: 30px; background: white url(../images/i_grad.gif) no-repeat;  height: 20px; _height: 26px; line-height: 20px; padding: 2px 2px 0 2px; border: 1px solid #D8DCE1; vertical-align: top;}
.grad-t, .input-block textarea { &margin: 0; _margin-left: 30px; border: 1px solid #D8DCE1;  background: white url(../images/i_grad_big.gif) repeat-x;  /*height: 190px; width: 75%;*/ z-index: 0; line-height: 18px;  }
#head .grad-input { display: inline; border: 0; line-height: 36px; font-size: 30px;  background: url(../images/s_input.gif) no-repeat top left; padding: 0 3px; margin-bottom: -2px; float: none; width: 297px;}
#head .grad-input input { height: 36px; border: 0; line-height: 36px; margin-top: 1px; background: transparent; font-size: 20px;  vertical-align: middle; width: 287px; }
.button { background: url(../images/s_button.gif) no-repeat; width: 75px; height: 35px; border: 0; margin-left: 2px;  vertical-align: top; }
.btnSearch {  vertical-align: text-bottom;  margin-bottom: -3px; }
#content {width: 100%; display: table; font-size: 100%; /*overflow:hidden; */ }


/*#left { width: 60%;float: left; margin-right: 0; margin-bottom: 3em; }
#right { width: 37%; margin-left: 1em; float: left; margin-bottom:3em; }*/


#left { width: 60%; /*clear: left;*/ float: left; margin-right: 0; margin-bottom: 3em; /*border: 1px solid red;*/ }
#right { width: 37%; margin-left: 1em; float: left; margin-bottom:3em;/* margin-right: 1em;*/ /*border: 1px solid blue;*/  }


/*#left {
	width: 60%;
	margin-bottom: 3em;
}

#right {
	position: absolute;
	right: 0;
	top: 10em;
	width: 38%;
	margin-left: 2%;
	margin-bottom: 3em;
}*/

.small-block, .big-block { width: 100%; }
#left .big-block, #left .small-block { margin: 10px 0; }
#right .big-block, #right .small-block { margin: 10px 0; }
.tr, .br {float: right; margin-right: -2px; _margin-right: 0; }
.block-head { width: 100%;  display: table; height: 37px; background: white url(../images/a_top_line.gif) repeat-x; color: #165100; font-size: 1em; line-height: 37px; font-weight: bold;  }
.block-head .tl, .block-head .tr { width: 9px; height: 37px; }
.block-head .tl { float: left; background: white url(../images/a_top_left.gif) no-repeat; }
.block-head .tr {  background: white url(../images/a_top_right.gif) no-repeat; }
.block-head h4, .block-head h2, .block-head h1, .block-head div.h { float: left; width: auto; margin: 0; padding: 0; margin-left: 7px; margin-right: 10px; font-size: 0.96em; }
.block-head h5, .block-head h2.small, .block-head h1.small, .block-head div.hsmall { float: left; width: auto; margin: 0; padding: 0; margin-left: 7px; margin-right: 10px; font-size: 0.92em; }


a.headLink { color: #165100; text-decoration: none; }

.block-foot, .block-adv-head { width: 100%;  display: table; height: 9px; background: url(../images/a_bottom_line.gif) repeat-x;  }
.block-adv-head { background: url(../images/a_top_adv_line.gif) repeat-x; }
.block-foot .bl, .block-foot .br { width: 9px; height: 9px; }
.block-foot .bl { float: left; background: transparent url(../images/a_bottom_left.gif) no-repeat; }
.block-foot .br { background: transparent url(../images/a_bottom_right.gif) no-repeat;  }
.block-cont { width: 100%; display: block; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-top: 1px solid #BAC8D4; margin-top: -1px; }
.big-block .block-head {height: 46px; background: white url(../images/b_top_line.gif) repeat-x; font-size: 1.3em; line-height: 46px; }
.big-block h4, .big-block h2, .big-block h1, .big-block div.h { font-size: 1.1em; }
.big-block .block-head .tl, .big-block .block-head .tr { height: 46px; }
.big-block .block-head .tl {background: white url(../images/b_top_left.gif) no-repeat;}
.big-block .block-head .tr {background: white url(../images/b_top_right.gif) no-repeat;}
.small-block .block-head { background: white url(../images/c_top_line.gif) repeat-x;}
.small-block .tl { background: white url(../images/c_top_left.gif) no-repeat;}
.small-block .tr { background: white url(../images/c_top_right.gif) no-repeat;}
.block-adv-head .tl, .block-adv-head .tr { width: 9px; height: 9px;  }
.block-adv-head .tl { float: left; background: transparent url(../images/a_top_adv_left.gif) no-repeat; }
.block-adv-head .tr { background: transparent url(../images/a_top_adv_right.gif) no-repeat;  }

.big-block h1 {
  padding: 0;
  margin: 0;
  margin-left: 15px;
}

#entries .block-foot .bl, #entries .block-foot .br  { height: 35px; }
#entries .block-foot .bl { float: left; background: transparent url(../images/b_bottom_left.gif) no-repeat; }
#entries .block-foot .br { background: transparent url(../images/b_bottom_right.gif) no-repeat;  }
#entries .block-foot  { height: 35px; background: white url(../images/b_bottom_line.gif) repeat-x;  }
#comments .block-foot .bl, #comments .block-foot .br  { height: 35px; }
#comments .block-foot .bl { float: left; background: transparent url(../images/b_bottom_left.gif) no-repeat; }
#comments .block-foot .br { background: transparent url(../images/b_bottom_right.gif) no-repeat;  }
#comments .block-foot  { height: 35px; background: white url(../images/b_bottom_line.gif) repeat-x; color: #959589;  }
#comments .block-foot .cont { color: #adad9e; padding-right: 10px; line-height: 30px; font-weight: bold; font-size: 0.85em; margin-left: 6px; text-align: left; }
#export #showtest .block-foot .bl, #export #showtest .block-foot .br  { height: 35px; }
#export #showtest .block-foot .bl { float: left; background: transparent url(../images/b_bottom_left.gif) no-repeat; }
#export #showtest .block-foot .br { background: transparent url(../images/b_bottom_right.gif) no-repeat;  }
#export #showtest .block-foot  { height: 35px; background: white url(../images/b_bottom_line.gif) repeat-x; color: #959589;  }
#export #showtest .block-foot .cont { color: #adad9e; padding-right: 10px; line-height: 30px; font-weight: bold; font-size: 0.85em; margin-left: 6px; text-align: left; }



#entries table, #entries table td, #entries table th { border-collapse: collapse; padding: 7px; padding-left: 15px; border: 1px solid #eeeee6; }
#entries table th,  #entries table td { border-top: 0; border-right: 0; text-align: left; _font-size: 0.85em;}
#entries table th.noborder, #entries table td.noborder { border-left: 0;}
#entries table { width: 100%; border: 0;  margin: 0; padding: 0; }
#entries table th {background: #faf9eb; color: #adad9e; font-size: 0.95em; }
#entries table a { color: black; text-decoration: underline; }
#entries table a:hover { text-decoration: none;}

.entries table, .entries table td, .entries table th { border-collapse: collapse; padding: 7px; padding-left: 15px; border: 1px solid #eeeee6; }
.entries table th,  .entries table td { border-top: 0; border-right: 0; text-align: left; _font-size: 0.85em;}
.entries table th.noborder, .entries table td.noborder { border-left: 0;}
.entries table { width: 100%; border: 0;  margin: 0; padding: 0; }
.entries table th {background: #faf9eb; color: #adad9e; font-size: 0.95em; }
.entries table a { color: black; text-decoration: underline; }
.entries table a:hover { text-decoration: none;}

.entnext, #cats3 .catnext, .pages a.next, .pages a.previous { color: #adad9e; background: transparent url(../images/ic_next.gif) center right no-repeat; padding-right: 10px; line-height: 30px; font-weight: bold; font-size: 0.85em; margin-left: 6px;}

.entnext { color: #333; background: transparent url(../images/ic_next_black.gif) center right no-repeat; }

#cats { padding: 1%; padding-left: 15px; width: 95%; min-height: 200px; margin-top: 20px; _height: 227px; }
 /* h2 { color: #00BC00; margin: 0; margin-bottom: 10px;  font-size: 1.6em;} */
#cats div { width: 20%; float: left; line-height: 1.6em;}
#cats a, #cats2 a, #cartests a { color: black; }
.cleaner { clear: both; float: none;}

#cats2 { margin: 0; margin-top: -10px; position: relative; }
.catimg { background: transparent url(../images/cat_pic1.gif) top left no-repeat; _position: absolute; _right: 9px; float: right; margin-right: 25px; height: 101px; width: 108px; margin-top: -92px;}
#cats2 div.col { padding: 7px; float: left; width: 16%; line-height: 1.6em;}
#cats2 div.margin { margin-left: 10px; }

#cartests { margin: 0; margin-top: -10px; position: relative; }
.carimg { background: transparent url(../images/car.png) top left no-repeat; _position: absolute; _right: 9px; float: right; margin-right: 25px; height: 101px; width: 108px; margin-top: -42px;}
.carimg-big { background: transparent url(../images/car.jpg) top left no-repeat; _position: absolute; _right: 9px; float: right; margin-right: 10px; height: 155px; width: 200px; margin-top: -52px;}
#cartests div.col { padding: 7px; float: left; width: 16%; line-height: 1.6em;}
#cartests div.margin { margin-left: 10px; }


#adv2 { text-align: center; height: 70px;}
#adv2 div { width: 480px; height: 60px; margin: 5px auto; padding-left: 10px; background: url(../images/adv.gif) center left no-repeat;}
#adv2 img {border: 1px solid #EBEEF1;}

#games .block-head .tl {background: url(../images/g_top_left_w.gif) no-repeat; height: 37px; }
#games .block-head .tr {background: url(../images/g_top_right.gif) no-repeat; height: 37px;}
#games .block-head { background: url(../images/g_top_line.gif) repeat-x; height: 37px; }
#games .block-head  h4 { margin: 0;}
#games .block-head a { display: block; color: #165100; font-weight: normal; float: left; padding: 0 10px; height: 37px; line-height: 36px; border-right: 1px solid #a6db60; cursor: pointer; _cursor: hand;}
#games .block-head a.actual {background: white url(../images/g_top_line_w.gif) repeat-x; font-weight: bold; text-decoration: none;}
#games .block-cont { border-top: 0; margin-top: 0;}
#games .games-block {background: #F0F7FF url(../images/g_grad.gif) repeat-x; width: 100%; border-bottom: 1px solid #E6E9EC; min-height: 283px; _height: 283px; }
#games .games-foot { clear: both; } 
.games-foot .block-next { font-weight: bold;}
#games2, #games3, #games4 { display: none;}
.game-item {width: 126px; height: 125px; margin: 4px 3px; float: left; border: 1px solid #E2E2E2; background: white; display: table;}
.game-item img {margin: 5px;}
.game-start span, .game-info span { display: none;}
.game-start { width: 48px; height: 18px; float: left; margin: 3px 5px; background: url(../images/ic_games_start.gif) no-repeat; }
.game-info { width: 33px; height: 18px; float: left; margin: 3px 5px; background: url(../images/ic_games_info.gif) no-repeat; }

#loginform { background: #fbfbf0; /*border-bottom: 1px solid #D9DDE2;*/ }
.btnLogin, .btnOK {background: url(../images/l_button.gif) no-repeat;  width: 68px; height: 27px; margin: 0; margin-left: 10px; vertical-align: bottom; margin-bottom: 4px; }
.btnOK { background: url(../images/ic_ok.gif) no-repeat; width: 40px; margin: 0; vertical-align: middle;} 
.btnSend {background: url(../images/ic_send.gif) no-repeat;  width: 80px; height: 38px; margin: 0; margin-left: 10px; vertical-align: bottom; margin-bottom: 4px; }
.btnBack {background: url(../images/ic_goback.gif) no-repeat;  width: 110px; height: 38px; margin: 0; margin-left: 10px; vertical-align: bottom; margin-bottom: 4px; }
.btnNext {background: url(../images/ic_gonext.gif) no-repeat;  width: 110px; height: 38px; margin: 0; margin-left: 10px; vertical-align: bottom; margin-bottom: 4px; }

.btnTest {background: url(../images/ic_test.gif) no-repeat;  width: 120px; height: 38px; margin: 0; margin-left: 10px; vertical-align: bottom; margin-bottom: 4px; }

.btnShowFriend {background: url(../images/ic_showfriend.gif) no-repeat;  width: 110px; height: 38px; margin: 0; margin-left: 10px; vertical-align: bottom; margin-bottom: 4px; }
.btnQuestion, .questionMark {background: url(../images/ic_question.gif) no-repeat;  width: 15px; height: 15px; margin: 0; margin-left: 10px; vertical-align: bottom; margin-bottom: 4px; }
.questionMark { margin-right: 1em; }

.btnGood {background: url(../images/good.png) no-repeat;  width: 80px; height: 29px; margin: 0; margin-left: 10px; vertical-align: bottom; margin-bottom: 4px; }
.btnBad {background: url(../images/bad.png) no-repeat;  width: 80px; height: 29px; margin: 0; margin-left: 10px; vertical-align: bottom; margin-bottom: 4px; }
.btnGood:hover {background: url(../images/good-hover.png) no-repeat;}
.btnBad:hover {background: url(../images/bad-hover.png) no-repeat;}

#loginform input.grad-i { width: 200px; font-weight: normal; }
#loginform .block-cont { padding-top: 20px; padding-bottom: 5px; }
#loginform .block-cont form { margin: 0;}
#loginform .co { margin: 0;  }
#loginform .coleft { width: 15%; _width: 10%; line-height: 30px; margin-left: 2%; _margin: 1%; }
#loginform .coright { width: 82%; _width: auto;  }
.accadd { background: none;}
#loginform .block-foot .bl, #loginform .block-foot .br { height: 10px; width: 9px; margin-bottom: -1px; _margin-bottom: -10px; }
#loginform .block-foot .bl { float: left; background: transparent url(../images/b_bottom_l.gif) no-repeat;  }
#loginform .block-foot .br { background: transparent url(../images/b_bottom_r.gif) no-repeat; }
#loginform .block-foot { height: 10px; background: url(../images/b_bottom_ln.gif) repeat-x; }
.lostpwd { margin: 2%; _margin-left: 2%; margin-bottom: 0; display: block; color: black; }

#randtests .co { padding-bottom: 10px; margin-top: 8px; border-bottom: 1px solid #eeeee6;}
#randtests .last { border: 0; padding: 0;}
#randtests .co .coleft { width: auto;  margin-left: 14px; _margin-left: 6px;}
#randtests .co .coleft a {font-weight: bold;}
#randtests .co .coleft span { font-size: 0.9em;}
#randtests .co .coright { width: 75px;  padding-top: 0.7em; float: right;}

.padd .block-cont div { margin: 4px; margin-top: 15px; margin-left: 14px; }


.block-next { color: black; padding-right: 10px; line-height: 30px; margin-left: 16px;}
#iqtest .block-cont div,#lovetest .block-cont div,#porad .block-cont div, #facebookFanBox .block-cont div { margin-top: 10px; margin-left: 14px;}
.iqimg { cursor: pointer; background: transparent url(../images/p_image.gif) top left no-repeat; _position: absolute; _right: 9px; float: right; width: 79px; height: 78px;margin-right: 10px;  margin-top: -80px; }
.lovetestimg { cursor: pointer; background: transparent url(../images/lovetest/icon.gif) top left no-repeat; _position: absolute; _right: 9px; float: right; width: 89px; height: 78px;margin-right: 10px;  margin-top: -80px; }
.iqimgleft { cursor: pointer; background: transparent url(../images/p_image.gif) top left no-repeat; _position: absolute; _right: 9px; float: right; width: 79px; height: 78px;margin-right: 110px;  margin-top: -50px; }


#adv4 .block-cont, #adv3 .block-cont { border-top: 0; _margin: 0;  _margin-top: -8px;}
.adv-item { border-bottom: 1px solid #EEEEEE; width: 100%; background: url(../images/adv.gif) center left no-repeat; padding: 7px 0; display: table; font-size: 1em; line-height: 1.3em;  width: 95%; }
.adv-item img {margin: 3px 15px; margin-top: 0; float: left; border: 1px solid #F0F0F0;}
.adv-item a { font-weight: bold; color: black; }
#adv3 .adv-item { margin-top: -10px; margin-bottom: -14px; _margin-top: 0; _margin-bottom: 0; }
#adv4 .adv-item {background: url(../images/adv_r.gif) center right no-repeat;  margin-left: 14px; padding-right: 14px; _width: 100%; _margin-top: 0; _margin-bottom: 0; }

.porad-button span  { display: none;}
.porad-button { background: url(../images/ic_porad.gif) no-repeat; width: 66px; display: block; margin: 0;  height: 31px; float: right; margin-right: 10px; }
#porad .block-cont div { display: table;}
#facebookFanBox .block-cont div { display: table;}

#page, #content { 
	/*min-height: 800px;
	height:auto !important;*/
	/*height: 800px;*/
}


#foot-opt {  clear: both; background: url(../images/f_line.gif) repeat-x; width: 100%; height: 44px; line-height: 44px;  text-align: center; /*clear: both;*/ }
#foot-opt .tl, #foot-opt .br  { width: 21px; height: 44px; }
#foot-opt .tl { float: left; background: url(../images/f_left.gif) no-repeat;}
#foot-opt .br { background: url(../images/f_right.gif) no-repeat; }
#foot-opt .homepage, #foot-opt .favorite , #foot-opt .facebookIcon { padding-left: 24px; color: #087AE5; font-size: 1em; font-weight: bold; }
#foot-opt .homepage { background: url(../images/ic_homepage.gif) center left no-repeat; }
#foot-opt .favorite { background: url(../images/ic_favorite.gif) center left no-repeat; margin-right: 20px; }
#foot-opt .facebookIcon { background: url(../images/icons/facebook.png) center left no-repeat; margin-right: 20px; padding-left: 20px; }

#foot-opts { text-align: center; background: url(../images/f_line.gif) repeat-x; width: 100%; height: 44px; line-height: 44px;  text-align: center; clear: both; }
#foot-opts .tl, #foot-opts .br  { width: 21px; height: 44px; }
#foot-opts .tl { float: left; background: url(../images/f_left.gif) no-repeat;}
#foot-opts .br { background: url(../images/f_right.gif) no-repeat; }

#foot {width: 100%; display: table; clear: both; text-align: center; font-size: 0.9em; margin: 20px 0;  }
#foot a {color: black; margin: 0 10px;}
 
.none {display: none;}
.noborder { border: 0;}
.c { text-align: center; padding: 0;}


/*REGISTRATION*/
.input-block .co { border-bottom: 1px solid #E2E2E2;  padding: 3px 0; z-index: 2;}


.input-block .last-block {border-bottom: 0;}
.input-block .block-foot {margin-top: -11px; }
.input-block .block-cont { padding: 0; padding-bottom: 10px; &padding-bottom: 0; } 
.input-block .coleft {font-weight: bold; line-height: 27px; padding-top: 3px; }
.input-block .coleft span { color: #B50000; }
.input-block .coleft div { margin-left: 15px; }
.input-block .coright span { font-size: 0.90em; clear: both; float:none; display: block;}
.input-block .coright span b {font-weight: normal; color: #B50000;  }
span#strength { _margin-left: 1em; }
.input-block .coright { width: 69%; padding-bottom: 3px; position: relative; _width: 66%; }
.input-block .bigco  {  padding: 10px 0;}
.input-block .bigco .coleft { line-height: 1em; }
.input-block input.grad-i { width: 55%;} 
#controlImage { border: 1px solid #E8E8E8; display: block; clear: left; float: left; }
.input-block .info .coleft {width: 100%; _width: auto; line-height: 1.2em; padding-bottom: 10px; _padding: 0; _padding-top: 10px; _padding-left: 2em; _margin: 0;}
.input-block .info { _padding-top: 0; }
.submit-block .block-cont { border-top: 0;}
#accessTime, #accessDate, #inactivity, #avar_picture_link,#avar_picture_upload { display: inline;}
.captcha input.grad-i { width: 158px; _width: 167px; float: left;}
.captcha .help { left: 170px;}
#registration .first-pwd {border:0; padding-bottom: 0;}
#registration .second-pwd { padding: 0; padding-bottom: 10px; }

.btnReg, .btnInsert { height: 38px; width: 114px; background: url(../images/r_button.gif) top left no-repeat; margin-bottom: -7px;}

.help { font-style: normal; display: none; position: absolute; width: 179px; left: 58%; top: 2px; z-index: 3; font-size: 12px;}
.help .top { background: url(../images/r_bubble_top.png) no-repeat; width: 100%; height: 9px; display: block; overflow: hidden; _background: none;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/r_bubble_top.png',sizingMethod='scale');}
.help .middle { padding:2px 12px 2px 20px; display: block; background: url(../images/r_bubble_line.png) no-repeat; _height:10px; min-height:10px; width:auto; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/r_bubble_line.png',sizingMethod='crop');}
.help .bottom { display:block; height:9px; overflow:hidden; background: url(../images/r_bubble_bottom.png) no-repeat; width: 100%; _background: 0; _background: none;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/r_bubble_bottom.png',sizingMethod='scale');}
#registration a { cursor: pointer; _cursor: hand;}
#newWindow { border: 1px solid #E2E2E2; background: #fbfbf0; z-index: 10; padding: 0 20px 20px 20px; position: absolute; display: none; left: 0; width: 500px; _width: 540px;}
#newWindow h5 { margin: 10px 0; float: left;  padding: 0; font-size: 1.3em; display: block; }
#newWindow a.close { font-size: 1.1em; float: right; display: block; line-height: 1.3em; margin: 10px 0; text-align: right; background: transparent; color: #333; }
#newWindow textarea { width: 500px;  }

.btnInsert {background: url(../images/ic_insert.gif) no-repeat; width: 68px; margin: 0;}
.btnUpdate {background: url(../images/ic_insert.gif) no-repeat; width: 68px; margin: 0;}
.btnContinue { height: 38px; width: 114px; background: url(../images/ic_continue.gif) top left no-repeat; margin-bottom: -7px;}
.btnEdit { height: 38px; width: 114px; background: url(../images/ic_edit.gif) top left no-repeat; margin-bottom: -7px;}
.btnMeassure { height: 22px; width: 88px; background: url(../images/ic_meassure.gif) top left no-repeat; margin-bottom: -7px;}



/*CATEGORIES*/
.block-left, .block-right { width: 49%; float: left; margin-top: 15px; }
.block-left div, .block-right div { margin-left: 14px; margin-bottom: 10px;}
#cats3 a { background: url(../images/a_splitter.gif) center right no-repeat; padding-right: 7px; margin-left: 2px; color: black; line-height: 1.2em; font-size: 1em; }
#cats3 a.main-cat {background: none; color: black; font-size: 1.2em; font-weight: bold; line-height: 1.5em;}
#cats3 .block-cont, #subcats .block-cont {  padding-bottom: 10px;}
#cats3 .catnext, .pages a.next { line-height: 0.9em; font-weight: bold; font-size: 0.95em; margin-left: 2px; }
#subcats .block-cont {color: #91A5B7; line-height: 2em;}
#subcats .block-cont a { color: black; background: url(../images/ic_cats.gif) center left no-repeat; padding-left: 20px;  }
#categories #entries .block-cont .tl, #categories #entries .block-cont .tr  { width: 10px; height: 35px; position: absolute;  top: -1px; }
#categories #entries .block-cont .tl {background: url(../images/p_top_left.gif) no-repeat; left: -1px; }
#categories #entries .block-cont .tr  {background: url(../images/p_top_right.gif) no-repeat; right: 1px; _right: -1px; }
#categories #entries table thead th { height: 35px; padding: 0 10px; padding-left: 15px; line-height: 35px; }
#categories #entries .block-cont { position: relative; border-top: 1px solid #E2E2E2; }
#categories #entries .block-foot, #entries2 .block-foot, #comments .block-foot, #showcar .block-foot, #stats .block-foot { line-height: 33px; font-size: 0.95em; }
#categories #entries .block-foot span, #entries2 .block-foot span, #comments .block-foot span,  #showcar .block-foot span, #stats .block-foot span {  margin-left: 5px;}
#categories #entries .pages, #comments .pages, #showcar .pages, #stats .pages { float: right; margin-right: 5px; }
#cats3 .block-left, #subcats .block-left { border-right: 1px solid #E6E9EC;}
.pages a {background: url(../images/a_splitter.gif) center right no-repeat; padding-right: 7px; height: 27px; margin-right: 4px; color: black; line-height: 27px; display: block; float: left; margin-top: 4px; font-size: 1em; }
.pages a.actual { background: url(../images/ic_page.gif) center left no-repeat; width: 25px; text-align: center; color: #165100; text-decoration: none; font-weight: bold; _padding: 0; padding-top: 4px; margin: 0; _margin-right: 5px;}
.pages a.next { margin: 0; line-height: 27px; padding-top: 4px; margin-left: 3px; font-weight: normal; font-size: 1.1em; }
.pages a.previous { margin: 0; line-height: 27px; padding-top: 4px; margin-left: 3px; font-weight: normal; font-size: 1.1em; background: transparent url(../images/ic_prev.gif) center left no-repeat; padding-left: 10px; }

/*ENTRIES*/
#mainentry .block-cont .block-head {background: url(../images/d_top_line.gif) left -1px repeat-x; height: 36px; line-height: 36px; }
#mainentry .block-cont .imgblock-image, #entrylist .block-cont .imgblock-image { border-bottom: 1px solid #E6E9EC; height: 78px; min-height: 78px; }
#mainentry .block-cont .imgblock-text {background: #F5FAFF;}
#mainentry .block-cont .block-head a { font-size: 0.73em; margin-left: 16px; color: #087DE5; float: left; } 
#entrylist h2 {color: #087DE5; margin: 1.2em 0 0.8em 16px;}
#entrylist .block-head { background: url(../images/d_top_line.gif) repeat-x; }
#entrylist .block-head a {font-size: 0.9em; margin-left: 7px; float: left; color: #087DE5; }
#entrylist .block-head span,  #mainentry .block-cont .block-head span {  line-height: 36px; height: 36px; display: block;  float: right;  color: #8CA3B7; font-weight: bold; font-size: 0.95em;}
#mainentry .block-cont .block-head span {  float: right; margin-right: 9px; font-size: 0.67em; } 
#entrylist .block-head .tl { background: url(../images/d_top_left.gif) no-repeat; }
#entrylist .block-head .tr { background: url(../images/d_top_right.gif) no-repeat; }
#entrylist .imgblock { background: none;}
.imgblock-info { height: 23px; line-height: 23px; margin-top: 5px; font-size: 0.9em; padding-left: 14px; color: #B2B7BA;}

.char-count { color: green;} /*Counting chars*/

/*ALERTS*/
.al-info, .al-warn, .al-done { width: 100%; height: 41px; background: url(../images/al_line.gif) repeat-x; margin: 10px 0; line-height: 41px; font-size: 1.2em;}
.al-info .br, .al-warn .br, .al-done .br { height: 41px; width: 9px; background: url(../images/al_right.gif) no-repeat;}
.al-info .tl, .al-warn .tl, .al-done .tl { height: 41px; width: 49px; float: left; }
.al-info span, .al-warn span, .al-done span { margin-left: 10px; }
.al-info em, .al-warn em, .al-done em { font-weight: bold; font-style: italic;}
.al-info .tl { background: url(../images/al_info.gif) no-repeat; } 
.al-warn .tl { background: url(../images/al_warn.gif) no-repeat; }
.al-done .tl { background: url(../images/al_done.gif) no-repeat; }

.al-link { width: 150px; height: 41px;  text-align: center; background: url(../images/link_line.gif) repeat-x; margin: 10px 0; line-height: 41px; font-size: 14px; }
.bigger { width: 180px; }
.al-link .br { height: 41px; width: 9px; background: url(../images/link_right.gif) no-repeat;}
.al-link .tl { height: 41px; width: 9px; float: left; background: url(../images/link_left.gif) no-repeat; }
.al-link a { color: #959589; font-weight: bolder; }
.al-link a:Hover { text-decoration: none; }

.btnLogout { background: url(../images/ic_logout.gif) no-repeat; width: 78px; height: 27px; float: right; margin: 9px 0; margin-right: 10px; }
.btnLogout span { display: none; }
#loginform2 .imgblock { border-bottom: 1px solid #E6E9EC; background: #faf9eb; }
#loginform2 .imgblock-text { padding: 6px 0; background: #faf9eb; }
#loginform2 .imgblock-text div { width: 49%; _width: 39%; float: left; margin: 5px 0; } 
#loginform2 .imgblock-text a { margin-left: 5px; padding-left: 20px; color: black; }
a.l-myaccount { background: url(../images/ic_myacc.gif) center left no-repeat;}
a.l-mymsgs {background: url(../images/ic_mymsgs.gif) center left no-repeat;}
a.l-myentries {background: url(../images/ic_myentries.gif) center left no-repeat;}
a.l-mywww {background: url(../images/ic_mywww.gif) center left no-repeat;}
a.l-myopt { background: url(../images/ic_myopt.gif) center left no-repeat;}

.block-head .entadd, .block-head .close { color: #165100; }

.fl-right {float: right;}

.red { color: red; }
.green { color: green; }
.black { color: black; }
.strong { font-weight: bolder; }
/*select { display: none;}*/

.option-element input.grad-i, .question-input input.grad-i {
	height: 25px;
	width: 250px;
}

.question-input input.grad-i {
	width: 330px;
}

ul.properties {
	clear: right;
	list-style-type: none;
	margin: 0.5em;
	padding: 0;
	margin-bottom: 0.3em;
}

ul.properties li {
	display: inline;
	margin: 0;
	padding: 0;
	padding-left: 4px;
	padding-right: 4px;
	border-right: 2px solid #E2E2E2;
	font-size: 95%;
}

ul.properties li.last {
	border: 0;
}


.clogo {
	padding-top: 1.5em;
}

#contact .clogo {
	paddng-top: 2em;
}

ul.next li {
	list-style-image: url(../images/ic_next_orange.gif);
}

ul.down li {
	list-style-image: url(../images/ic_down_orange.gif);
	list-style-position: outside;
}

#aboutus p {
	font-size: 92%;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0.9em;
	padding-bottom: 0;
}

#test-link .co {
	padding: 0.8em;
	margin-bottom: 0;
}

#test-link form {
	margin-bottom: 0;
}

#test-remove .co {
	padding: 0.8em;
	margin-bottom: 0;
}

#test-remove form {
	margin-bottom: 0;
}

#test-remove p {
    font-size: 90%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 1.5em;
    margin: 0;
    margin-bottom: 1.5em;
}

#info .co {
	padding-left: 1em;
}

.comment {
	padding: 0;
	border: 0;
}

.comment div {
	margin: 0;
	padding: 0;
	padding-left: 0.6em;
}

.comment h4, h4.border {
	padding-left: 0.7em;
	margin-bottom: 0.1em;
	margin-top: 0.1em;
	font-weight: normal;
	font-size: 1em;
	color: #adad9e;
}

.comment h4 strong {
	font-weight: bold;
	font-size: 1em;
	margin-right: 0.3em;
	color: #000;
}

.question h4 {
	font-size: 95%;
	background-color: #f9f8e8;
	padding-left: 1.5em;
}

.duckgreen {
	background-color: #f8fef0;
	border: 1px solid #f8fef0;
}

.commentsfoot a {
	font-weight: bold;
}

.last {
	border-bottom: 1px solid red;
}

hr {
	border: 0;
	border-bottom: 1px solid #E2E2E2;
}

.leftmargin {
	margin-left: 0.5em;
}

.topmargin {
	margin-top: 0.5em;
}

div.rate {
	text-align: center;
}

h3.rate {
	font-weight: lighter;
	font-size: 98%;
}

h3.rate strong {
	font-weight: bold;
}

    ul.rate {
      margin: 0px;
      padding: 0px;
      list-style: none;
      
      text-align: left;
      width: 220px;
      margin: 0 auto;
    }
    ul.rate li{
      margin: 0px;
      padding: 0px;
      float: left;
    }
    ul.rate li a{
      margin: 0px;
      float: left;
      display: block;
      width: 39px;
      height: 26px;
      _height: 34px;
      text-decoration: none;
      font-weight: bold;
      border: solid 1px #d5d5d5;
      border-bottom: solid 1px #bbbbbb;
      border-left: 0px;
      background: #dadada url(../images/cisl.jpg);
      padding: 6px 0px 0px 0px;
      color: #838383;
      text-align: center;
    }
    ul.rate li a:hover{
      background: #ffa700 url(../images/cisl_on.jpg);
      color: #fff;
    }
    ul.rate li.firstitem a{
      background: #dadada url(../images/first.jpg);
      width: 44px;
      border: none;
      height: 27px;
      _height: 34px;
      padding: 7px 0px 0px 0px;
    }
    ul.rate li.lastitem a{
      background: #dadada url(../images/last.jpg);
      width: 42px;
      border: none;
      height: 27px;
      _height: 34px;
      padding: 7px 0px 0px 0px;
    }
    ul.rate li.firstitem a:hover{
      background: #ffa700 url(../images/first_on.jpg);
    }
    ul.rate li.lastitem a:hover{
      background: #ffa700 url(../images/last_on.jpg);
    }
    
#searched {
	border-top: 2px solid #eff8e3;
	padding-top: 2em;
}

#page.searched {
	width: 99.5%;
}

#page.searched h1 {
	margin-left: 5%;
}
	
#searched #left {
	width: 67%;
	padding-left: 5%;
}

#searched .co {
	border: none;
}

#searched img.testimg {
	border: 1px solid #ccc;
}

#searched #left h4 {
	margin-bottom: 0.2em;
	margin-top: 0;
	font-size: 120%;
}

#searched #left .coleft {
	width: 110px;
}

#notfound h4 {
	font-weight: lighter;
}

#notfound {
	margin-left: 5%;
	font-size: 1.2em;
}
#notfound h4 strong {
	font-weight: bold;
}

#searched #left .coright {
	width: 50%;
	font-size: 115%;
}

#searched #right {
	width: 20%;
	padding-left: 1em;
	height: 100%;
	border-left: 1px solid #ccc;
}

div#found {
	font-size: 1.1em;
	text-align: right;
	margin-bottom: 0.3em;
	margin-right: 2em;
	color: #777;
}

a.orange {
	color: #ffa700;
}

.searched .paginator {
	font-size: 1.1em;
}


.searched .paginator .coright {
	width: 100%;
}

.searched .paginator .coright div {
	display: table;
	margin: 0 auto; 
}

.searched .paginator .coleft span {
	margin-right: 25%;
	color: #000;
	font-weight: normal;
	font-size: 105%;
}

.searched .paginator .coright a {
	font-size: 115%;
	margin-right: 0.4em;
}

.searched .paginator .coright a.prev {
	margin-right: 0.6em;
}

.searched .paginator .coright a:Hover {
	color: #ffa700;
}

.searched .paginator .coright a.actual:Hover {
	color: #000;
}

.searched .paginator .coright a.actual {
	text-decoration: none; 
	font-weight: bolder;
	font-size: 110%;
}


.searched .paginator .coright a.next, .searched .paginator .coright a.prev {
	font-size: 110%;
	text-decoration: none; 
	font-weight: bolder;
}

.searched .paginator a.next strong, .searched .paginator a.prev strong {
	text-decoration: underline; 
}

a.green {
	color: green;
	text-decoration: none;
}

table.graph {
	width: 100%;
}

table.graph td {
	border-bottom: 1px solid #e1e1e1;
	padding: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

table.graph tr.last td {
	border: none;
}

table.graph .left {
	width: 75%;
}

table.graph .bar {
	width: 110px;
}

.rightlink {
	line-height: 46px;
	height: 46px;
	display: block;
	float: right;
    color: #165100;
	padding-left: 35px;
	font-weight: bold;
	font-size: 0.85em;
}

.rightlink img {
	margin-top: 10px;
}

.block-head h4 a.link, .block-head h2 a.link, .block-head h1 a.link, .block-head div a.link {
	color: #165100;
}

#entries table .col3, .entries table .col3  {
	width: 15%;
}

#entries table .col2, .entries table .col2  {
	width: 25%;
}

input#questionsCount, input#optionsCount {
	width: 8%;
}

.colRate {
	width: 70px;
}

.disabled input, input.disabled {
	background: #eee;
}

.disabled .coleft, .disabled .coleft span {
	color: #ccc;
}

img.browser {
	margin-left: 1.8em;
}

#mytests .col4 {
	width: 3em;
}

#mytests .col3 {
	width: 4em;
}

#export ul.test-options {
	margin-left: 0;
	padding-left: 10px;
}

#export ul.test-options li {
	margin-left: 0;
	padding-left: 0;
}

#export .scroll {
	height: 400px;
	overflow: auto;
}

input#htmlExport, input.htmlExport  {
	padding: 0.3em;
	font-size: 1.1em;
	width: 95%;
	margin: 0 auto;
	background-color: #eee;
	border: 1px solid #ccc;
}

strong.new {
	font-size: 10px;
	color: #f00;
}

.entactual2 {
	background-position: 0 0;
	color: #000;
}

#znalosti .coleft {
	width: 65%;
	_width: 60%;
	font-weight: normal;
}

#znalosti .coright {
	width: 35%;
}

#znalosti .co {
	font-size: 120%;
}

big {
    color: #ffa600;
}

.quality {
	margin-top: 1em;
	text-align: center;
	/*padding-right: 30%;*/
}

.quality div {
	/*margin-top: 1em;
	text-align: center;*/
	padding-right: 30%;
	padding-left: 1em;
}

.quality p {
	font-size: 1.2em;
}

.quality big {
	font-size: 150%;
	color: #000;
	/*display: block;*/
	/*padding-top: -0.5em;*/
	position: relative;
	top: -0.3em;
}

.quality span.yes, .quality span.no {
	font-size: 1.5em;
	color: #f00;
}

.quality span.yes {
	color: #165100;
}

#subcats span {
	float: left;
}

tr.disabled a, tr.disabled td, span.disabled {
	color: #555;
}

.comment .delete {
	text-align: right;
	padding: 0.5em;
	padding-bottom: 0;
}

.comment a {
	text-decoration: none;
	font-size: 95%;
}

.comment a:hover {
	color: #f00;
}

.comment a img {
	width: 10px;
}

.iq {
	padding-left: 1em;
	text-align: center;
	font-weight: bolder;
}

.iq strong {
	font-size: 70px;
	color: #ffa700;
}

.iq a {
	font-size: 70px;
	text-decoration: none;
	color: #ccc;
}

#showAlert, #showTestLink {
	display: none;
}

#account img.logo, span.logo {
	margin: 0.5em;
	margin-left: 20%;
	margin-bottom: 0;
	width: 150px;
	font-weight: bold;
}

#stats .co {
	padding-left: 2em;
	padding-right: 2em;
	font-size: 120%;
}

#stats .coleft {
	width: 40%;
}

#stats .coright {
	/*border-left: 1px solid #ccc;
	padding-left: 10%;*/
	width: 40%;
}

#avatar .coleft {
	width: 30%;
}

#avatar .coright {
	width: 65%;
}

#not-registered .co {
	margin-left: 0.5em;
	/* text-align: justify; */
	width: 97%;
}

.bottom {
	padding-top: 0.3em;
}

#showtest .gray-block {
	width: 95%;
	margin: 0 auto;
}

.gray-block .block-cont { border-top: 0; border-bottom: 0; }
.gray-block .block-head { line-height: 37px; margin-bottom: 0; padding-bottom: 0; background: white url(../images/c_top_line_gray.gif) repeat-x; height: 37px; color: #000; }
.gray-block .block-head h5 { margin: 0; padding: 0; }
.gray-block .block-head .tl { background: white url(../images/c_top_left_gray.gif) no-repeat; height: 37px;}
.gray-block .block-head .tr { background: white url(../images/c_top_right_gray.gif) no-repeat; height: 37px;}

.unchecked {
	background-color: #FFFDDA;
	padding-bottom: 0.5em;
}

#games.webmaster .block-head {
	font-size: 1em;
}

#games.webmaster .co {
	border: 0;
	padding: 0.5em;
	padding-bottom: 0;
	padding-top: 0;
}

#games.webmaster .coleft {
	width: 28%;
	font-weight: normal;
}

#games.webmaster .coright {
	width: 70%;
}

.colorSelect {
	padding: 0;
	margin: 0;
}

#games.webmaster .colorSelect .coleft {
	width: auto;
	padding: 0;
	margin: 0;
	line-height: 1.2em;
}

#games.webmaster .colorSelect .coright {
	padding-top: 0.2em;
	width: 40%;
	margin-left: 2em;
}

#width, #height {
	width: 5em;
}

/** image resize **/
	.resizable-image {
		width: 95%;
	}
	
	.resizable-image .grippie {
		height: 9px;
		border: 1px solid #DDDDDD;
		border-top-width: 0;
		overflow: hidden;
	}

	.resizable {
		float: left;
	}
	
	/*#resizeImage { display: none; }*/

	.vertical {
		/*float: right;*/
		color: red;
		width: 0.5em;
		cursor: e-resize;
		background: #fff url(../images/ic_next_orange.gif) no-repeat center center;
	}

	.horizontal {	
		clear: both;
		height: 1em;
		cursor: s-resize;

		background: #fff url(../images/ic_down_orange.gif) no-repeat center 2px;
	}
/** image resize end **/

.verdana { font-family: Verdana, sans-serif; }
.arial { font-family: Arial, sans-serif; }
.timesNewRoman { font-family: Times New Roman, serif; }
.trebuchetMS { font-family: Trebuchet MS, sans-serif; }


.size0 { font-size: 80%; }
.size1 { font-size: 90%; }
.size3 { font-size: 120%; }

.hidden { display: none; }

ul.test-options li span {
	cursor: pointer;
}

.right {
	float: right;
}

a.noAnswer {
	color: red;
}

#timer {
	font-size: 6em;
	text-align: center;
}

.carQuestion ul li {
	font-size: 1em;
	margin-bottom: 0.2em;
}

.carQuestion h4 {
	font-size: 1.1em;
}

#highscore p {
	margin: 1em;
}

/* gray: f1efdc, green 104a00  color: #959589 */

#highscore .refresh {
	text-align: center;
}

#highscore .greenLink {
	color: #104a00;
}

table.highscore {
	width: 100%;
	font-size: 1.2em;
}

table.highscore tr {
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	height: 40px;
}

table.highscore tr td {
	border-bottom: 1px solid #E2E2E2;
}

table.highscore tr.first3 {
	background-color: #f1efdc;
}

table.highscore td.num {
	width: 12%;
	text-align: right;
}

table.highscore td.name {
	width: 70%;
	padding-left: 0.5em;
}

table.highscore td.name span {
	color: #959589;
}

table.highscore tr.first3 td.icon1 {
	background: url(../images/icons/first.png) no-repeat;
	background-position: 20% 5px;
}	

table.highscore tr.first3 td.icon2 {
	background: url(../images/icons/second.png) no-repeat;
	background-position: 20% 5px;
}	

table.highscore tr.first3 td.icon3 {
	background: url(../images/icons/third.png) no-repeat;
	background-position: 20% 5px;
}

#highscore .cont {
	padding-bottom: 0;
}

#highscore .text { background: #fbfbf0; padding-top: 1em; }
#highscore .block-foot .bl, #loginform .block-foot .br { height: 10px; width: 9px; margin-bottom: -1px; _margin-bottom: -10px; }
#highscore .block-foot .bl { float: left; background: transparent url(../images/b_bottom_l.gif) no-repeat;  }
#highscore .block-foot .br { background: transparent url(../images/b_bottom_r.gif) no-repeat; }
#highscore .block-foot { height: 10px; background: url(../images/b_bottom_ln.gif) repeat-x; }

#netfunBox p, #tvujtestBox p {
    font-size: smaller;
    text-align: justify;
    padding: 1em;
    margin: 0;
}

#tvujtestBox p strong {
  text-decoration: underline;
}

#wall .avatar, #userStatus .avatar {
    float: left;
    margin-right: 10px;
}

#wall .wall, #userStatus .wall {
    padding-right: 0.5em;
}

#wall .wallNew span {
    /* background-color: #f1efdc !important; */
    font-weight: bolder;
}

.wallComments {
    display: none;
    clear: both;
    margin-left: 80px;
    font-size: 90%;
    width: 70%;
    margin-top: 20px;
}

#userStatus .wallComments {
    margin-left: 40px;
}

#profileTable td {
    vertical-align: top;
}

input#facebookConnect {
  visibility: hidden;
}

#facebookConnectButton {
  margin-left: 5px;
  position: relative;
  top: -2px;
}

#facebookConnectButtonComment {
  text-decoration: none;
  margin-left: 20px;
}

img#facebookShare {
  cursor: pointer;
}

#poradBanner { text-align: center; margin-top: 15px; }
#poradBanner iframe { border: 1px solid #ccc; }

#facebookFanBox iframe { margin: 0 auto; }