* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
html, body {
  -webkit-font-smoothing:antialiased;
  -moz-font-smoothing:antialiased;
  -o-font-smoothing:antialiased;
  -ms-font-smoothing:antialiased;
  font-smoothing:antialiased;
  min-height:700px;
  margin:0;
  padding:0;
}
.container {
  clear:both;
  margin:0 auto;
  width:960px;
}
.container .grid_12 {
  display:inline;
  float:left;
  margin:0 10px;
  width:940px;
}
.container .grid_6 {
  display:inline;
  float:left;
  margin:0 10px;
  width:460px;
}
.mb0 { margin-bottom:0; }
.mbl { margin-bottom:20px !important; }
.mbm { margin-bottom:10px !important; }
.mtm { margin-top:10px !important; }
.mtl { margin-top:20px !important; }
.ptm { padding-top:10px; }
.ptl { padding-top:20px; }
.pll { padding-left:20px; }
.fs18 { font-size:18px; }
.fs14 { font-size:14px; }
.tar { text-align:right; }
.mbhuge { margin-bottom:300px !important; }
.tac { text-align:center; }
.nowrap { white-space:nowrap; }
.oh { overflow:hidden; }
.towe { text-overflow:ellipsis; }
.posrel { position:relative; }
body {
  background:url(/img/bg.jpg) no-repeat;
  background-size:cover;
}
a {
  color:#9e00e0;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
  color:#ffae00;
}
ul.list { list-style-type:none; }
ul.list>li { margin-left:0; }
ul.list.inline>li {
  vertical-align:top;
  display:inline-block;
  margin-right:10px;
}
ul.list.inline>li:last-child { margin-right:0px; }
.notification {
  border:1px solid #aaa;
  background:#e8f2f6;
  margin:0 40px 20px 40px;
  padding:10px 30px;
  font-size:14px;
  color:#333;
}
.notification.error { background:#f6e8e8; }
.breadcrumbs li.pointer:before {
  content:'►';
  display:inline-block;
  margin-right:10px;
}
.logo-area {
  margin-top:100px;
  text-align:center;
  font-size:20px;
  color:#7b7b7b;
}
.logo-area a {
  position:relative;
  z-index:20;
}
.logo-area.margin-top { margin-top:60px; }
.logo-area.margin-top2 { margin-top:-40px; }
.grey_container {
  background:#ced3d4;
  border-radius:10px;
  box-shadow:5px 5px 27px rgba(0,0,0,0.13);
  padding:20px;
}
#login-form {
  color:#7b7b7b;
  font-size:20px;
  width:485px;
  margin:0 auto 200px auto;
  padding:70px 0;
}
#login-form label, #login-form .Input input, #login-form .Wrapper { display:inline-block; }
#login-form label {
  font-size:14px;
  margin-right:10px;
  width:100px;
  text-align:right;
}
#login-form .Input input {
  width:200px;
  border:1px solid #aaa;
  padding:5px 5px;
  color:#555;
  font-size:14px;
}
#login-form .Input { text-align:center; }
#login-form .buttons {
  width:310px;
  margin:0 auto;
  text-align:right;
}
#login-form .buttons input { font-size:16px; }
#login-form .error_message {
  font-size:12px;
  text-align:right;
  margin-right:90px;
  color:red;
  margin-bottom:0;
}
#user-panel {
  position:relative;
  z-index:10;
  margin-top:5px;
}
#user-panel p {
  text-align:right;
  margin-bottom:5px;
}
#main-page {
  width:650px;
  margin-left:auto;
  margin-right:auto;
  padding:40px 0;
}
#main-page .navigation { text-align:center; }
#main-page .navigation li { margin-right:20px !important; }
#main-page .navigation li:last-child { margin-right:0px !important; }
#main-page .navigation li a {
  display:inline-block;
  text-align:center;
  padding-top:65px;
  width:180px;
  height:180px;
  font-size:30px;
  color:white;
  border-radius:30px;
  position:relative;
  top:0px;
  box-shadow:0px 0px 0px rgba(0,0,0,0.2);
  -webkit-transition:all 0.07s ease-in-out;
  -moz-transition:all 0.07s ease-in-out;
  -o-transition:all 0.07s ease-in-out;
  -ms-transition:all 0.07s ease-in-out;
  transition:all 0.07s ease-in-out;
}
#main-page .navigation li a:hover {
  top:-4px;
  text-decoration:none;
  box-shadow:0px 4px 5px rgba(0,0,0,0.2);
}
#main-page .navigation li a.violetine { background:#9e00e0; }
#main-page .navigation li a.tamsiai_oranzine { background:#fe831f; }
#main-page .navigation li a.oranzine { background:#ffae00; }
.worker_list li {
  height:130px;
  margin-bottom:10px;
}
.worker_list li p {
  margin-bottom:0;
  color:white;
  font-size:14px;
}
.worker_list li p.name {
  font-size:20px;
  font-weight:bold;
}
.worker_list li p.works { font-size:18px; }
.worker_list li>div {
  display:inline-block;
  vertical-align:top;
}
.worker_list li>div.col1 { width:110px; }
.worker_list li>div.col2 { width:300px; }
.worker_list li>div.col3 { width:300px; }
.worker_list li>div.col4 { width:190px; }
.worker_list li a { color:inherit; }
.worker_info .col1 { width:130px; }
.worker_info .col2 { width:520px; }
.worker_info .col3 { width:230px; }
.worker_info .padding-top { padding-top:40px; }
.worker_info p { margin-bottom:0; }
.worker_info a { color:inherit; }
.block {
  padding:10px;
  border-radius:10px;
}
.block.grey { background:#eaeaea; }
.block.border { border:2px solid #d0cbd2; }
.block.violet {
  background:#9e00e0;
  color:white;
}
.block.violet hr {
  border:0;
  border-top:1px solid #fff;
}
.actions {
  margin-top:-20px;
  margin-right:80px;
  text-align:right;
  margin-bottom:-10px;
}
form.modern .Input { margin-bottom:10px; }
form.modern .Input input[type="text"], form.modern .Input input[type="password"], form.modern .Input textarea {
  width:80%;
  padding:5px 7px;
  font-size:15px;
  color:#333;
  border:1px solid #aaa;
}
form.modern .Input textarea { height:120px; }
form.modern .error_message {
  display:inline;
  background:white;
  color:red;
  padding:3px 5px;
}
form.modern .button {
  background:white;
  border:2px solid #bbb;
  border-radius:5px;
  padding:5px 20px;
  cursor:pointer;
  font-size:14px;
}
form.modern .button:active {
  border-color:#999;
  background:#aae;
  color:white;
  text-shadow:1px 1px rgba(0,0,0,0.4);
}
form.modern .InputCheckbox .Wrapper {
  float:left;
  padding-right:5px;
}
form.modern.strong_labels label { font-weight:bold; }
table.modern {
  width:100%;
  font-size:12px;
}
table.modern tr:hover td { background:rgba(255,255,255,0.5); }
table.modern th { font-weight:bold; }
table.modern td, table.modern th { padding:2px 5px; }
table.modern td:last-child, table.modern th:last-child { border-right:0px solid transparent !important; }
table.modern .attention span { color:red; }
table.modern span {
  display:block;
  white-space:nowrap;
}
table.modern td div { margin-bottom:5px; }
table.modern a { display:block; }
span[contenteditable]:focus {
  padding:3px 5px;
  background:white;
}
.pager a { padding:3px 6px; }
.pager a.current { color:#aaa; }
dl.modern:after {
  display:block;
  content:'';
  clear:left;
}
dl.modern dt {
  font-weight:bold;
  clear:left;
  float:left;
  margin-right:10px;
  width:180px;
  text-align:right;
}
dl.modern dt:after { content:':'; }
dl.modern dd {
  max-width:700px;
  margin-left:190px;
}
dl.modern dd:after { content:'\00a0'; }
h2 {
  font-size:16px;
  margin-bottom:5px;
  text-align:center;
}
.block.violet .attention {
  padding:10px;
  background:white;
  border-radius:5px;
  color:red;
}
a.violet { color:white; }
#footer {
  opacity:0.8;
  text-align:right;
  padding-bottom:10px;
  font-size:11px;
  color:#aaa;
}
#footer a { color:inherit; }
h1 { font-size:20px; }
#search_form input {
  width:95% !important;
  border-radius:5px;
}
#search_form .search_button {
  float:right;
  margin-top:2px;
}
.old_worker {
  position:absolute;
  top:4px;
  right:10px;
}