@font-face {
 font-family: Myriad;
 src:url(fonts/Myriad.otf);
 }
 
 @font-face {
 font-family: MyriadB;
 src:url(fonts/MyriadB.otf);
 }

 
body, html
{
margin: 0;
padding: 0;
color: #363636;
font: 20px Myriad;

height: 100%;
background: url(pics/bg.jpg) right fixed no-repeat;
}

td
{
border-radius: 5px;
}

img
{
border: 0;
}

p{}

h1
{
font-size: 19px;
margin-bottom: 10px;
}

a
{
font: Arial;
color: #13841d;
text-decoration: underline;
}
a:hover
{
color: #8d8d8d;
text-decoration: underline;
}



/****************** ВАЛИДАТОР ******************/

label.error{
  color: #e50000;
  font-size: 15px;
  font-weight: bold;
  padding: 5px;
  position: relative;
  
  
  
}
form#regform label.error {
	display: none;	
	}




.inside
{

display: block;
width: 1130px;

background: rgba(255,255,255,0.8);
padding: 20px;

padding: 50px 50px 100px 50px;
border-right: 20px solid #ade0f3;


}



/********** LOGON FORM ***********************/

a.logon_link
{
font: 15px Arial;
color: #13841d;
text-decoration: underline;
}

.search_field
{
height: 30px;
border: 0;
font-size: 17px;
z-index: 9999;
vertical-align: middle;
padding-left: 10px;
}
.search_button 
{
height: 30px;
border: 0;
font-size: 17px;
z-index: 9999;
vertical-align: middle;
margin-right: 10px;
}
.search_button:hover
{
position: relative;
top:1px;
left:1px;
}

.input_checkbox
{
width:18px;
height:18px;
}






/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.checkbox + label {
  cursor: pointer;
 
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 0 0 0 60px; /* оставляем слева от label место под псевдочекбокс */
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  width: 50px;
  height: 26px;
  border-radius: 13px;
  background: #CDD1DA;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox:checked + label:before {
  background: #9FD468;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox:checked + label:after {
  left: 26px;
}
/* Показываем получение фокуса. */
.checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}




.radio {
	vertical-align: top;
	width: 17px;
	height: 17px;
	margin: 0 3px 0 0;
}
.radio + label {
	cursor: pointer;
}
.radio:not(checked) {
	position: absolute;
	opacity: 0;
}
.radio:not(checked) + label {
	position: relative;
	padding: 0 0 0 35px;
}
.radio:not(checked) + label:before {
	content: '';
	position: absolute;
	top: -3px;
	left: 0;
	width: 22px;
	height: 22px;
	border: 1px solid #CDD1DA;
	border-radius: 50%;
	background: #FFF;
}
.radio:not(checked) + label:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 4px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #9FD468;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
	opacity: 0;
	transition: all .2s;
}
.radio:checked + label:after {
	opacity: 1;
}
.radio:focus + label:before {
	box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}




















input[type="submit"]
{
padding: 0 10px;
height: 35px;
font-size: 16px;
cursor: pointer;
z-index: 9999;

}

input[type="submit"]:hover
{
position: relative;
top: 1px;
left: 1px;
}



input[type="text"].register, input[type="password"].register
{
width: 450px;
height: 28px;
font: 17px Arial;
padding: 5px;
border: 1px solid #b9b9b9;
border-radius: 5px;
background: #fbfbfb;

}
input[type="text"].register:hover, input[type="text"].register:focus
{
border: 1px solid #909090;
}

input[type="date"]
{
display: block;
width: 200px;
height: 20px;
font: 17px Arial;
padding: 5px;
border-radius: 5px;
background: #fbfbfb;
}

input[type="submit"].button_sign
{
width: 263px;
height: 35px;
font-size: 16px;
color: #ffffff;
background: #ec2b22;
font-weight: bold;
border:0;
border-radius: 5px;
cursor: pointer;
z-index: 9999;
}


textarea.textarea
{
width: 455px;
font: 17px Arial;
border-radius: 5px;
background: #fbfbfb;
}

.select
{
display: block;
width: 463px;
height: 31px;
font-size: 17px;
padding: 5px;



}

.select_disabled
{
color:#ffffff; 
font-weight: bold;
font-size: 17px;
padding: 5px;
background: #ccc;
}

/********************* МОДАЛЬНЫЕ ОКНА *********************/