@import 'useful.css';
@import 'text.css';

/*--ESSENTIAL--------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
	width: 100%;
	height: 100%;
	background: white url("../images/page/topbg.jpg") repeat-x;
}

body {
    font-family: Arial, Tahoma, "Geneva CE", lucida, sans-serif;
    font-size: 1em;
    background: #ebebeb;
    color: #676767;
    padding: 0px 0 0px 0;
    behavior: url("../scripts/csshover.htc");
    background: url("../images/page/bodybg.jpg") 100% 0 no-repeat;
}


/*--LAYOUT----------------------------------------------------------------*/

#page {
	width: 868px; /*resized*/
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	padding-top: 114px;
}
#rightTips
{
	width: 199px;
	float: right;
}
#rightWrapper
{
	float: right;
	width: 712px;/*resized*/
}

#content
{
	width: 502px;/*resized*/
	float: left;
	border-right: 1px solid #EAEAEA;
	/*border-left: 1px solid #EAEAEA;*/
	border-bottom: 1px solid #EAEAEA;
	background: url("../images/page/graystripbg.jpg") repeat-x;
	/*
	min-height:500px;
	*/
	
}
#contentInside
{
	margin-left: 33px;
	margin-top: 24px;
	margin-right: 16px;
	margin-bottom: 20px;
}
#menu
{
	float: left;
	width: 156px;
	/*
	border-bottom: 1px solid #fff;
	padding-bottom: -1px !important;
	marging-bottom: -1px !important;
	*/
}
#menuFirstPart
{
	/*border-left: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;*/
	/*border-top: 1px solid #EAEAEA;*/
}
#menuSecondPart
{
	border-right: 0px solid #EAEAEA;
}
.menuactfirst
{
	border-left: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	/*border-top: 1px solid #EAEAEA;*/
	background: #fff url("../images/page/graystripbg.jpg") repeat-x;
	padding-bottom: 5px;
}
.menuact
{
	border-left: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	background-color: #fff;
	padding-bottom: 5px;
}
#header
{
	width: 869px;/*resized*/
	position: absolute;
	top: 0;
}
#logo
{
	width: 154px;
	float: left;
}
#headerCorner
{
	width: 25px;
	float: left;
	height: 81px;
	background: url("../images/page/headercorner.jpg") no-repeat;
}
#topWrapper
{
	width: 689px;/*resized*/
	height:80px;
	float: left;
	background: url("../images/page/headerstrip.jpg") repeat-x;
	border: 0px solid red;
}
#firstStrip
{
	height: 24px;	
	width: 690px;/*resized*/
}
#secondStrip
{
	height: 29px;
	width: 689px;/*resized*/
	line-height: 24px;	
}

#breadCrumbs {
    background: url("../images/page/home.jpg") no-repeat 0px 3px;
	padding-left: 20px;
	font-size: 0.7em;
	position: absolute;
	left: 15px;
	top: 88px;
	line-height: 22px;
}


/**************************************** main menu **************************************/
#thirdStrip
{
}
#thirdStrip ul
{
	width: 690px;/*resized*/
}
#thirdStrip ul.horizMenu
{
	float: left;
}
#thirdStrip ul li
{
	list-style: none;
	float: left;
	color: #007D51;
	position:relative;
	z-index: 800;
}
#thirdStrip ul li:hover
{
	background: url("../images/page/menuover.gif") repeat-x;
	color: #fff;
}
#thirdStrip ul li:hover a
{
	color: #fff;
	background: url("../images/page/squarewhite.jpg") no-repeat 9px 11px;
}
#thirdStrip ul li.active
{
	background: url("../images/page/menuover.gif") repeat-x;
	color: #fff;
}
#thirdStrip ul li.active a
{
	background: url("../images/page/squarewhite.jpg") no-repeat 9px 11px;
	color: #fff;
}
#thirdStrip ul li a
{
	font-size: 11px;
	color: #676767;
	vertical-align: middle;
	padding-left:3px;
	text-decoration: none;
	display: block;
	line-height: 25px;
	height: 27px;
	padding-left: 20px;
	padding-right: 8px;

	_display: inline-block;
}

#thirdStrip ul li ul.secondLayer {
	width: auto;
	margin: 0;
	display: none;
	position: absolute;
	left: 0px;
	top: 25px;
	z-index: 1000;
}

#thirdStrip ul li ul.secondLayer li {
	padding: 0;
	margin: 0;
	float: none;
	z-index: 1200;
	list-style: none !important;
	list-style-image: none !important;
}

#thirdStrip ul li ul.secondLayer li a {
	font-size: 11px;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	display: block;
	line-height: 27px;

	white-space:nowrap;
/*	background: url(../images/page/menuarrow.gif) right 50% no-repeat;*/
	padding-left: 25px;
	margin-right:2px;
	padding-right:18px;

	height: auto; /* kvoli IE7 */
	_display: inline-block;
}

#thirdStrip ul li.active ul.secondLayer li a {
	background: url("../images/page/leftmenuarrow.jpg") right middle no-repeat;
}

#thirdStrip ul li:hover ul.secondLayer {
	display: block;
	color: #FF0000;
	background: #008355;
}

#thirdStrip ul li:hover ul.secondLayer li:hover a {
	color: #FFFF00;
	background: url("../images/page/leftmenuarrow.jpg") right middle no-repeat;
}
/**************************************** end of main menu **************************************/
#firstStrip ul
{
	width: 165px;
	float: right;	
	background: #fff;
	margin:0;
	padding:0;
}
#firstStrip ul li
{
	list-style: none !important;
	float: left;
	line-height: 17px;
	height: 21px;
	padding-left: 10px;
}
#firstStrip ul li a
{
	font-size: 10px;
	color: #676767;
	padding-left:3px;
	text-decoration: none;
}
#firstStrip ul li a:hover
{
	text-decoration: underline;
}
#secondStrip .buttonSearch
{
	background: url("../images/page/searchbutton.jpg") no-repeat;
	border: 0;
	width: 18px;
	height: 16px;
	cursor: pointer;
}
#secondStrip .textSearch
{
	width: 140px;
	/*
	height: 21px;
	*/
	height: 18px;
	border: 0;
	padding-top:3px;
	padding-left:3px;
	font-size: 10px;
	color: #888;
}
#secondStrip input, #secondStrip img
{
	vertical-align: middle;
}
#secondStrip .imgpoj
{
	float: left;
	vertical-align:bottom;
}
#secondStrip form
{
	color: White;
	font-family: Helvetica;
	font-size: 11px;
	float: right;
}
/************************************* left menu *********************************************/
.leftInside
{
	/*
	margin-left: 18px;
	*/
	margin-left: 16px;
	font-size: 0.7em;
	/*
	padding-bottom: 20px;
	*/
	padding-right: 7px;
	padding-bottom: 2px;
}

.leftInside strong
{
	text-decoration: underline;
	font-weight: bold;
	padding-top: 18px;
	display: block;
}
.leftInside ul
{
	margin-top: 10px;
	
}
.leftInside ul li
{
	list-style: none;
	line-height: 15px;
}
.leftInside ul li a
{
	background: url("../images/page/leftmenuarrow.jpg") no-repeat 0px 7px;
	display: block;
	padding-left: 19px;
	padding-top: 4px;
	padding-bottom: 4px;
	letter-spacing:0.8px;
	color: #676767;
	text-decoration:none;
	/*
	*letter-spacing:0.02cm;
	font-weight: bold;
	*/
}
.leftInside ul li.active a
{
	color: #00784E;
	font-weight: bold;
	letter-spacing:normal;
	/*
	*letter-spacing:0.02cm;
	*/
	*font-size:0.9em;
}
.leftInside ul li:hover a
{
	color: #00784E;
	font-weight: bold;
	letter-spacing:normal;
	/*
	*letter-spacing:0.02cm;
	*/
	text-decoration: none;
	*font-size:0.9em;
}

/************************************* end of left menu *********************************************/
/************************************* right tips *********************************************/
.spacer7
{
	height:7px;
	font-size:1px;
	line-height: 7px;
	clear: both;
}
/************************************* end of right tips *********************************************/
/************************************* footer *********************************************/
#footer
{
	border-top: 1px solid #EAEAEA;
	margin-top: 20px;	
	padding-top: 14px;
	font-size: 0.7em;
}
/************************************* end of footer *********************************************/
#headerPrint
{
	display:none;
}
#borderDiv
{
	background: #fff url("../images/page/bordergray.jpg") repeat-y 0px 0px;
	border-top: 1px solid #fff;
	/*
	border-bottom:1px solid #EAEAEA;
	*/
}
/********************************* homepage changes *****************************************************/
#contenthp
{
	background: url("../images/page/hpbigimgbg.jpg") no-repeat 0px 0px;
	width: 574px;
	border: 1px solid #EAEAEA;
	height: 336px;
	float: left;
}
#rightTipshp
{
	width: 284px;
	border: 0px solid red;
	float: right;
}
#contenthpInside
{
	float: right;
	width: 280px;
	margin: 20px;
	_margin-right: 10px;
	height: 280px;
}


.clearBorder
{
	background: #FFFFFF;
	/*border-bottom:1px solid #FFFFFF;
	*/
	width: 156px;
	height: 4px;
	background: url("../images/page/squarewhite.jpg") repeat-x;
}
/********************************* end of homepage changes *****************************************************/


/************** Form from Lucass *******/
.form
{
/*
	background:#DDDDDD none repeat scroll 0 0;
	border:1px solid #696C6F;
*/	
	color:#083949;
/*	
	margin:10px;
*/	
	margin:10px 0px 10px 0px;
	padding:1px 0px 1px 0px;
}

.form .rowSingleItem
{
	margin:2px 0px;
	padding:1px 0px;
	position:relative;
}

.form .rowSingleItem .lbl
{
	color:#083949;
	left:0;
	line-height:22px;
	position:absolute;
	top:0;
	width:126px;
}

.form .rowSingleItem .lblDisabled
{
	color: #bbbbbb;
	left:0;
	line-height:22px;
	position:absolute;
	top:0;
	width:126px;
}

.form .rowSingleItem .ctrl
{
	margin-left:130px;
	margin-right:10px;
}

.form .rowSingleItem .ctrl .textinput
{
	width:100%;
}

.form .rowSendBy
{
	height: 42px;
}

.form .rowSendBy .lbl
{
	line-height: normal;
}


.form .rowSendBy .ctrl
{
	padding-top: 25px;
}

.form .rowSendBy .rb
{
	vertical-align: bottom;
}
#msgForm fieldset, #regForm fieldset
{
	border:none;
}

input.mandatory
{
	/*
	background:#F6F6F6;
	*/
	background:#ACD7C6;
	width:100%;

}

input.textdisabled {
	background:#dddddd;
	width:100%;
}
	
#regForm fieldset .form .rowSingleItem .ctrl input#inp11,
#regForm fieldset .form .rowSingleItem .ctrl input#inp135 {
	width: 85%;
}

.btnRegister
{
	background: url("../images/page/menuover.gif") repeat-x;
	line-height: 27px;
	padding: 0 5px;
	color: #fff;
	border: none;
}

input#send
{
	display:block;
	float:left;
	/*
	text-align:center;
	padding-left:130px;
	*/
	margin-left:59px;
	margin-top:5px;
}

.warning img
{
	float:left;
	padding:10px 5px 10px 0px;
}

.warning span
{
	float:left;
	display:block;
	padding:10px 10px 10px 5px;
}
#contacts div
{
	clear: both;
	float: left;
	width: 150px;
	font-weight: bold;
}
#contacts p
{
	margin-left: 155px;
}
#contacts hr
{
	border: none;
}

.regFormMessage
{
	color:#FF0000;
}
.spacer5px
{
	margin-top:5px;
	margin-bottom:5px;
	clear: both;
	width:100%;
	font-size:1px;
	height: 1px;
	display: block;
}
#contacts table tr td
{
	padding-left: 5px
}
.greenbold
{
	color: #00784E !important;
	font-weight: bold;
}

                                      /*mnogo*/
div.afterSearch { border-bottom:1px solid #ccc; }
.search_highlight { color:#009460; font-weight:bold; }
.btnHledat {	background: url("../images/page/btnHledat") no-repeat;}

.test_paging {
	width: 300px;
	float: left;
}

.test_paging a {
	font-weight: bold;
	color: #636563;
	padding: 0 3px;
}

.test_paging .active, .test_paging a:hover {
	font-weight: bold;
	color: #fff;
	background: #009663;
	text-decoration: none;
}

.correct_answer{
	color: #019460 !important;
	font-weight: bold;
}

.wrong_answer {
	color: #940000 !important;
	font-weight: bold;
}

#test {
	position: relative;
}

#test #testHeader {
	position: absolute;
	right: 95px;
	_right: 105px;
	top: 14px;
}

#buttonOk {
	position: absolute;
	right: 0px;
	_right: 15px;
	top: 12px;
}

.boxCount {
	width: 133px;
}

#count_box, #items_remaining {
    font-weight: bold;
	color: #009663;
}

#test .green, .result .green {
	color: #009663;
}

#test .inputs {
	padding: 5px 0 10px 12px;
}

#test .inputs label {
	vertical-align: top;
	padding-left: 3px;
}

#test .inputs input {
	margin-bottom: 2px;
}

#test .question {
	border-bottom: 1px solid #EFEFEF !important;
	margin-bottom: 10px;
}

#test .prev, #test .next {
	padding: 0;
	vertical-align: middle;
}

#test .prev img {
	width: 11px;
	height: 14px;
	background: url("../images/prev.gif") 0 0 no-repeat;
}

#test .prev:hover img {
    background: url("../images/prev.gif") 0 -14px no-repeat;
}

#test .next img {
	width: 11px;
	height: 14px;
	background: url("../images/next.gif") 0 0 no-repeat;
}

#test .next:hover img {
    background: url("../images/next.gif") 0 -14px no-repeat;
}

.testButton {
	padding: 2px 25px;
	margin: 0;
	border: none;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: #00925A url("../images/test_button.gif") 0 0 repeat-x;
	font-size: 11px;
	cursor: pointer;
	font-family: Tahoma;
}
input.testButton {
	_padding: 0px 5px;
}

#testTitle {
	padding-bottom: 12px;
}

.testLink {
	padding: 3px 8px;
	border: none;
	color: #fff !important;
	text-align: center;
	font-weight: bold;
	background: #00925A url("../images/test_button.gif") 0 0 repeat-x;
	font-size: 11px;
	cursor: pointer;
	display: block;
	text-decoration: none !important;
	font-family: Tahoma;
}

.result {
	padding: 8px;
	background: #F8F8F8;
	border: 1px #E1E1E1 solid;
	margin-bottom: 15px;
	display: block;
	width: 350px;
	float: left;
}

.correctForm {
	padding: 12px 0 0 0;
	width: 170px;
	float: right;
}

.break {
	height: 25px;
}

.mBottom {
	margin-bottom: 14px !important;
}

.headerBorder {
	height: 50px;
	border-bottom: 1px solid #009460;
	margin-bottom: 8px;
}