html {width: 100%; height: 100%;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #262525; font-family: Arial, Tahoma, Verdana, sans-serif;}
.body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 700)? "700px" : "100%"); min-width: 700px; min-height: 100%; background: #fff no-repeat -400px 100% url('../img/ribbon_footer_index.gif');}
*html .body {height: 100%;} /*min-height for IE*/
#index {background: #fff no-repeat 60% 100% url('../img/ribbon_footer_index.gif');}
img {border: 0;}
strong {color: #474545;}
a, a strong {color: #2972a6;}
a:visited, a:visited strong {color: #ad5a8b;}
a:active, a:active strong {color: #bc0000;}
p {font-size: 80%; padding: 0; margin: 0 0 1.2em 0; line-height: 1.3em;}
	.prelist {margin-bottom: 0.6em;}
	.author {margin: 2em 0 1.2em -50px;}
	.date {font-size: 70%; color: #bc0000; line-height: 1.3em; margin: 0 0 0.8em 0px; position: relative; left: -25px;}
.status {position: relative; color: #000; font-size: 70%; padding: 0; margin: -1.2em 0 0.8em -23px; line-height: 1.3em;}
.red {color: #bc0000;}
dl {padding: 0; margin: 0 0 2em 0;}
dt {font-size: 70%; color: #bc0000; line-height: 1.3em; margin: 0 0 0.8em 0px; position: relative; left: -25px;}
dd {font-size: 80%; line-height: 1.3em; margin: 0 0 0 0;}
ul, ol {font-size: 80%; padding: 0; margin: 0 0 1.2em 0; line-height: 1.3em;}
ul li {list-style: none; background: no-repeat 0 0.55em url('../img/li.gif'); margin: 0 0 0.3em 35px; padding-left: 15px; position: relative; /*???*/}
ol li {margin: 0 0 0.3em 50px; position: relative;}
h1 {color: #bc0000; font-size: 200%; margin: 0 0 0.7em 0; font-weight: normal;}
h2 {color: #a6a6a6; font-size: 120%; margin: 1.4em 0 0.7em -25px;}
h3 {color: #706b6b; font-size: 100%; margin: 1.4em 0 0.7em 0;}
	h3 a, h3 a:visited {color: #706b6b;}
h4 {color: #bc0000; font-size: 90%; margin: 1.6em 0 0.7em 0;}
	.first {margin-top: 0;}
h5 {font-size: 80%; padding: 0; margin: 0 0 1.2em 0;}

.chooser {margin:  0 0 1.8em 0;}
	.chooser a, .chooser a:visited {color: #706b6b; padding: 2px 5px 3px 5px;}
	.chooser strong, .chooser a.current, .chooser a.current:visited {padding: 2px 5px 3px 5px; background-color: #a6a6a6; color: #fff;}
p.chooser {margin-top: -1em;}
	p.chooser strong {font-weight: normal;}
	
.news {margin-bottom: 1.2em;}

#counter {clear: both; margin: 2.4em 0 1.2em 0; white-space: nowrap;}
	#counter a,  #counter a:visited, #counter a:active {color: #474545; border: 5px solid #fff; padding: 0 5px 1px 5px;}
	#counter a:hover {color: #bc0000;}
	#counter strong {color: #bc0000; font-weight: normal; border: 5px solid #a6a6a6; padding: 0 5px 1px 5px;}
#counter span {padding: 2px 7px 3px 7px;}
#counter .arr {font-size: 120%;}

#b-f {margin-top: 2.8em; color: #fff;}
	#b-f a {color: #fff; background-color: #a6a6a6;}
	#back {float: left; background: no-repeat 0 50% url('../img/b.gif'); padding: 4px 13px 6px 20px;}
	#forward {float: right; background: no-repeat 100% 50% url('../img/f.gif'); padding: 4px 20px 6px 13px;}

table {border: 0; border-collapse: collapse; margin-bottom: 1.2em;}
th {padding: 0 25px 15px 0; font-size: 80%; border-bottom: 1px solid #a6a6a6; color: #474545;}
td {padding: 5px 25px 5px 0; font-size: 80%;}

form {margin: 1.6em 0; border: 0; padding: 15px 20px; background: #f1f1f1; width: 95%;}
.star {color: #ba2933; position: absolute; margin-left: -12px; font-size: 160%;}
input, select, textarea {color: #262525; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 1em;}
input.rubber, select.rubber, textarea.rubber {width: 98%;}
input.button {font-size: 1em; height: 2.3em; padding: 0 1em; cursor: pointer; cursor: hand;}
    form table {margin: 0; width: 100%;}
    form table th {padding: 5px 5px 10px 5px;}
    form table td {padding: 5px; vertical-align: top;}
            form table td table {margin: 0;}
			form table td table td {padding: 0 10px 0 0; font-size: 1em;}
	form table .label {width: 30%;}
		form label {display: block; margin-top: 0.2em;}
	form table .field {width: 70%;}
	form table .buttons {padding-top: 10px; text-align: center;}
.error {color: #bc0000;}

.nobr {white-space: nowrap;}
img.png {//background-image: none !important; behavior: url('png.htc');}
#hand {position: absolute; left: 25%; margin-left: 150px;} /*default position*/
#header_index {height: 410px; background: no-repeat 50% 0 url('../img/ribbon_header_index.gif');}
	#logo {width: 135px; height: 91px; position: absolute; left: 7.5%; top: 50px;}
	.header ul {z-index: 1; position: absolute; left: 7.5%; top: 180px; margin: 0 0 0 -33px; font-weight: bold; width: 20%;}
		.header li {margin: 0; padding: 0; background: none;}
			.header ul a {display: block; padding: 5px 0 7px 33px; text-decoration: underline;}
			.header ul a:visited {color: #2972a6;}
			.header ul a:hover {color: #bc0000;}
			.header ul strong, #header_index ul a:hover, #header_second a.current, #header_third a.current {display: block; padding: 5px 0 7px 33px; color: #bc0000; background: no-repeat 0 9px url('../img/menu_hand.gif');}
	#men {position: absolute; left: 25%; top: 240px; height: 115px; width: 55%; overflow: hidden;}
		#men div {float: left; width: 75px; height: 115px; background-repeat: no-repeat; background-position: top;}
	#cloud {position: absolute; left: 67.5%; top: 60px; width: 225px; height: 139px; background: no-repeat url('../img/cloud.gif'); text-align: center;}
		#cloud a {display: block; height: 100px; margin-top: 40px;}
			#cloud a img {margin-top: 30px;}
	#hsm {z-index: 1;}
	#header_index #hsm {position: absolute; left: 85%; top: 200px;}
		#hsm a {display: block; margin-top: 32px; border: 5px solid #fff;}
		#hsm strong, #hsm a:hover {display: block; margin-top: 32px; border: 5px solid #a6a6a6;}
			#hsm img {background: #fff; width: 19px; height: 19px;}
	#lang {z-index: 1; font-size: 70%; color: #bc0000; display: block; text-align: center; width: 29px; background: #fff; text-decoration: none;}
	#header_index #lang {position: absolute; left: 85%; top: 55px;}
#header_second {height: 322px;}
#header_license {height: 250px;}
#header_third {height: 150px;}
	#menu2 {left: 28.5%;}
	#menu3 {left: 47.5%;}
	#header_second #hsm {position: absolute; left: 30%; top: 80px; width: 310px;}
		#header_second #hsm strong, #header_second #hsm a {float: left; margin: 0 35px 0 0;}
		#header_second #hsm #lang {margin: 7px 0 0 0; border: 0;}
	#header_third #hsm {position: absolute; left: 30%; top: 80px; width: 310px;}
		#header_third #hsm strong, #header_third #hsm a {float: left; margin: 0 35px 0 0;}
		#header_third #hsm #lang {margin: 7px 0 0 0; border: 0;}		
	#header_license #hsm {position: absolute; left: 30%; top: 80px; width: 310px;}
		#header_license #hsm strong, #header_license #hsm a {float: left; margin: 0 35px 0 0;}
		#header_license #hsm #lang {margin: 7px 0 0 0; border: 0;}				
	#ribbon {position: absolute; left: 50%; width: 50%; height: 322px; background: no-repeat 0 0 url('../img/ribbon_header_index.gif');}
		#ribbon div {position: absolute; left: 215px; top: 35px; width: 75px; height: 115px; background-repeat: no-repeat; background-position: bottom;}
	#ribbon_admin {position: absolute; left: 50%; width: 50%; height: 150px; background: no-repeat 0 0 url('../img/ribbon_header_index.gif');}
		#ribbon_admin div {position: absolute; left: 215px; top: 35px; width: 75px; height: 115px; background-repeat: no-repeat; background-position: bottom;}		
#content {width: 100%; clear: both;}
	#spacer {float: left; width: 7.5%;} 
	#left {float: left; width: 50%;}
		#left div {margin-left: 50px;}
	#right {float: right; width: 32.5%;}
		#right dl {width: 70%;}
		#submenu {width: 70%;}
			#submenu li {margin: 0; padding: 0; background: 0;}
				#submenu a {display: block; padding: 5px 0 7px 0;}
				#submenu strong, #submenu a.current {font-weight: bold; display: block; padding: 5px 0 7px 0; color: #bc0000;}
		.ill {position: relative; top: 7px; height: 200px; background: no-repeat 0 0 url('../img/ill_bg.gif');}
			.ill img {position: relative; top: 26px; left: 158px; width: 86px; height: 90px;}
#divier {clear: both; height: 60px;}
#footer {width: 100%; clear: both; height: 160px;}
	#guesswho {position: absolute; left: 7.5%; width: 76px; height: 24px; margin-top: 4px;}
	.contacts {font-size: 70%; position: absolute; width: 30%; line-height: 1.4em;}
		#kiev {left: 33%;}
		#odessa {left: 67.5%;}
		.contacts strong {color: #a6a6a6; font-size: 220%; position: relative; left: -0.65em; white-space: nowrap; line-height: 1.3em;}

#man3 {background-position: bottom;}

#register {
	float: right; width: 38.5%;
}
#register a, #register a:visited, #register span {
	color: #bc0000;
	font-weight: bold; width: 20%;
	text-decoration : none;
}
#register a:hover {
	text-decoration : underline;
}

.msg_notify {
	color: #2972a6;
	font-weight: bold; width: 20%;
}

.msg_error {
	color: #bc0000;
	font-weight: bold; width: 20%;
}

.msg_login {
	color: #7f7b80;
	font-weight: bold;
}

.msg_information {
	color: #2972a6;
	font-weight: bold;
}


.register_button {
color: #2972a6; 
font-size: 12px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
background-color: #f1f1f1; 
width: 170px; 
height: 22px; 
border: solid 1px gray; 
}

.register_button:disabled{
color: gray; 
font-size: 12px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
background-color: #f1f1f1; 
width: 170px; 
height: 22px; 
border: solid 1px gray; 
}

.register_form {
	text-align:left;
	width: 500px; 
	border:#2972a6 1px solid;
}

.register_form input {
	width:300px;
}

.register_form textarea {
	width:300px;
	height:100px;
}

.register_form_button {
color: #474545; 
font-size: 12px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
font-weight: bold;
background-color: #f1f1f1; 
width: 170px; 
height: 22px; 
border: solid 1px gray; 
}

.search_form {
	text-align:left;
	border: solid 1px #2972a6;
}

.search_form span {
	color: #474545; 
	font-size: 12px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	font-weight: bold;
}

.search_form_querystr {
	width: 350px;
}

.training_search_form_querystr {
	width: 200px;
}

.req_field {
	color: #bc0000;
	margin-left: 5px;
}

.add_vacancy {
	height: 50px;
	display: block; 
}

.add_vacancy a {
	font-weight: bold; 
	font-size: 13px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	text-decoration: underline;
}

.add_vacancy a:visited {
	color: #2972a6;
}

.add_vacancy a:hover {
	color: #bc0000;
}

.edit_vacancy label {
	color: #474545;
	font-weight: bold; 
	font-size: 12px;
}

.edit_vacancy a {
	font-weight: bold; 
	font-size: 12px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	text-decoration: underline;
}

.edit_vacancy a:visited {
	color: #2972a6;
}

.edit_vacancy a:hover {
	color: #bc0000;
}

p img {
	float: left; 
	padding: 0px 10px 10px 0px;
	margin-left:25px;
}

.news_mainpage  {
	color: #706b6b;
	font-size: 80%;
	margin-top: 1.4em;
	margin-right: 0pt;
	margin-bottom: 0.7em;
	margin-left: -25px;
	text-decoration:none;
}


/* admin */

#header_admin {height: 20px; width: 100%; color: #f3f4f6; background: #BC0000; border-bottom: 2px solid #A7A7A6;}
#header_admin a {color: #F3F4F6;}
#header_admin strong {color: #F3F4F6;}

form.layout {background: #fff;}
	form.layout table {width: 100%; margin: 0;background: #fff;}
		form.layout th {padding: 5px 5px 10px 5px; text-align: left;}
		form.layout td {padding: 5px; border: 1px solid #d8d9dd;}
	form.layout td.buttons {padding: 15px; text-align: center; border: 0;}
	
a.win {color: #939393; background: no-repeat right url('../img/win.gif'); padding-right: 15px;}
a.win2, a.win2 strong {color: #BC0000;}
.win3 {color: #435259;}

div.buttons {font-size: 80%; padding: 15px; text-align: center; border: 0;}
input.button {font-size: 1em; height: 2.3em; padding: 0 0 0.2em 0.5em; margin: 0 0.2em 0.2em 0.2em ;cursor: pointer; cursor: hand; width:150px; border: solid 1px gray; background-color: #f1f1f1; }

.counter {font-size: 80%; padding: 5px 5px 0 5px; text-align: center;}    
	.counter a, .counter a:visited, .counter a:active {color: #435259; padding: 2px 5px 4px 5px; margin: 0 2px;}
	.counter span {padding: 2px 5px 4px 5px; margin: 0 2px;}
	.counter .active {color: #fff; background: #A6A6A6; padding: 2px 5px 4px 5px; margin: 0 2px;}
	
.link {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font: 10pt sans-serif; 
	font-weight: bold;
	color:#2972a6;
	padding:10px;
}