* {
  margin: 0px;
  padding: 0px;
}

body,
html {
  background: #d4cfc9;
  height: 100%;
  min-height: 100%;
}

body,
th,
td {
  font: 12px arial, tahoma, sans-serif;
  color: #333333;
  line-height: 140%;
}

fieldset {
  border: none;
}

select,
input,
textarea {
  font: 12px arial, tahoma, sans-serif;
  color: #333333;
}

select {
}

h1 {
  font: normal 28px 'trebuchet ms', 'times new roman', georgia, arial, tahoma;
  margin: 0px 0px 10px 0px;
  color: #025999;
  line-height: 100%;
}

h2 {
  font: normal 18px tahoma, 'trebuchet ms', 'times new roman', georgia, arial;
  margin: 2px 0px 5px 0px;
  color: #3d2f21;
}

h3 {
  font: bold 16px tahoma, arial;
  margin: 2px 0px 5px 0px;
  color: #3d2f21;
}

h4 {
  font: bold 14px tahoma, arial;
  margin: 2px 0px 5px 0px;
  color: #3d2f21;
}

h5 {
  font: bold 13px arial, tahoma;
  margin: 0px 0px 5px 0px;
  color: #3d2f21;
}

h6 {
  font: bold 12px arial, tahoma;
  margin: 0px 0px 5px 0px;
  color: #3d2f21;
}

p {
  margin-bottom: 10px;
}

ul {
  margin: 0px 0px 20px 10px;
}

ul li ul {
  margin: 0px 0px 0px 10px;
}

li {
  margin: 0px 0px 5px 20px;
  line-height: 130%;
}

ol {
  margin: 0px 0px 0px 30px;
}

ol li {
  margin: 0px 0px 5px 0px;
}

.warning {
  padding: 20px;
  background: #ffcccc;
  border: 1px solid #990000;
}

a {
  color: #005680;
}

a.back {
  background: url(button_left_bg.gif) no-repeat left center;
  padding: 2px 10px 2px 20px;
  color: #ffffff;
  text-decoration: none;
  display: block;
  width: 60px;
}

img {
  border: none;
}

input.button {
  padding: 0px 7px 0px 7px;
  background: url(button_bg.jpg) left center #1e5279;
  color: #ffffff;
  border-bottom: 1px solid #003955;
  border-right: 1px solid #003955;
  border-top: 1px solid #6d9bbc;
  border-left: 1px solid #6d9bbc;
  cursor: pointer;
}

input.button3 {
  padding: 4px 10px 4px 10px;
  background: url(button_bg.jpg) left center #1e5279;
  color: #ffffff;
  border-bottom: 1px solid #003955;
  border-right: 1px solid #003955;
  border-top: 1px solid #6d9bbc;
  border-left: 1px solid #6d9bbc;
  cursor: pointer;
  font-size: 15px;
}

a.button {
  padding: 1px 10px 2px 10px;
  display: block;
  width: 90px;
  background: url(button_bg.jpg) left center #1e5279;
  color: #ffffff;
  border-bottom: 1px solid #003955;
  border-right: 1px solid #003955;
  border-top: 1px solid #6d9bbc;
  border-left: 1px solid #6d9bbc;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}

table th {
  font-weight: bold;
  text-align: left;
}

table td.label {
  text-align: right;
  padding: 5px;
}

table.default {
  width: 100%;
}

table.default td {
  border: none;
  padding: 2px 4px 2px 0px;
}

table.columns_2 {
  width: 100%;
}

table.columns_2 td {
  width: 50%;
}

table.columns_2 td:first-child div.brick {
  width: 95%;
}

table.list {
  width: 100%;
  border-left: 1px solid #bbbbbb;
  border-top: 1px solid #999999;
}

table.list th {
  background: #999999;
  color: #ffffff;
  font-weight: bold;
}

table.list th,
table.list td {
  padding: 4px;
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  text-align: center;
}

table.list td:first-child {
  text-align: left;
}

table.list tr:hover td {
  background: #efefef;
}

form label {
  display: block;
  font-weight: bold;
}

form div.brick select,
form div.brick input.text {
  height: auto;
}

input.checkbox {
  color: #000000;
}

form div.brick {
  display: block;
  width: 100%;
  margin: 0px 0px 10px 0px;
  border-bottom: 1px dotted #cccccc;
}

div.form {
  display: block;
  width: 100%;
}

div.form select,
div.form input.text,
div.form input.file,
div.form textarea {
  width: 100%;
}

div.form select.short3 {
  width: 50px;
}

table.table {
  width: 100%;
  margin-bottom: 10px;
}

table.table th,
table.table td {
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 5px;
}

table.table td.blank {
  border: none;
}

table.table tr.hover:hover td {
  color: #000000;
}

table.form {
  width: 100%;
}

table.form td {
  padding: 7px 7px 0px 7px;
}

table.form td.td_1 {
  width: 180px;
}

table.form td.td_1,
table.form td.td_2 {
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

table.form td div.brick {
  padding: 0px 0px 5px 0px;
  margin: 0px;
  display: block;
  float: left;
  width: 100%;
}

table.form td label {
  text-align: right;
  display: block;
  float: left;
  width: 180px;
  margin: 0px 5px 0px 0px;
  height: 22px;
}

table.form td input.text {
  width: 535px;
}

table.form td a.back,
table.form td input.button {
  margin-top: 10px;
}

table.form td select {
  width: 540px;
}

p.icon_new_user {
  background: url(icon_new_user.gif) no-repeat right top;
  padding-right: 70px;
  min-height: 40px;
}

p.icon_user {
  background: url(icon_user.gif) no-repeat right top;
  padding-right: 70px;
  min-height: 40px;
}

p.icon_time_add {
  background: url(icon_time_add.gif) no-repeat right top;
  padding-right: 70px;
  min-height: 50px;
}

.color_1 {
  color: #999999;
}

/* public design */

div.design {
  display: block;
  width: 100%;
  height: 100%;
}

table.wrapper {
  width: 100%;
  height: 100%;
}

table.wrapper td.wrapper {
  padding: 0px 0px 0px 0px;
  vertical-align: middle;
  height: 100%;
  background: url(design_bg.jpg) center #266a9c;
}

table.wrapper table.design {
  margin: auto;
  width: 800px;
  height: 600px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  background: #d4cfc9;
}

table.wrapper table.design div.center {
  margin: 10px;
}

table.wrapper table.design td {
  vertical-align: top;
}

table.wrapper table.design td.top {
  height: 25px;
  padding: 0px;
}

table.wrapper table.design td.center {
  height: 548px;
}

table.wrapper table.design td.bottom {
  height: 25px;
  padding: 0px;
}

table.wrapper table.design div.label {
  background: url(label_bg.jpg) repeat-y left top #5979b4;
  padding: 3px 4px 0px 3px;
  color: #ffffff;
  font-weight: bold;
  height: 20px;
}

table.wrapper table.design div.label img {
  float: left;
  width: auto;
  margin-right: 7px;
}

table.wrapper table.design div.label div.buttons {
  background: url(label_buttons.gif) no-repeat right top;
  display: block;
  float: right;
  width: 200px;
  height: 14px;
  margin-top: 1px;
}

table.wrapper table.design div.label div.buttons a.quit {
  float: right;
  display: block;
  margin: 0px 0px 0px 34px;
  width: 17px;
  height: 14px;
}

div.center {
  margin: 0px 20px 0px 20px;
}

div.top {
  border-bottom: 1px solid #ffffff;
}

div.copyright {
  display: block;
  float: right;
  width: auto;
  text-align: right;
  padding: 0px 0px 0px 0px;
  font-size: 10px;
  color: #666666;
  margin-right: 10px;
}

table.grid {
  width: 100%;
}

table.grid td {
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #ebe6da;
}

table.grid th {
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

table.grid td p {
  margin: 0px;
}

div.home {
  padding: 0px 10px 0px 10px;
  width: 758px;
}

div.home h1 {
  margin: 0px 0px 10px 0px;
}

div.home p.home_icon {
  background: url(home_icon.jpg) no-repeat left top;
  padding: 0px 0px 0px 80px;
  height: 65px;
  margin-top: 5px;
}

div.home table.grid {
  margin: 40px 0px 40px 0px;
  height: 200px;
  width: 758px;
  background: url(gradient_1.jpg) repeat-x left top #e4ddcd;
}

div.home table.grid td.td_1 {
  background: url(home_brick_1_bg.jpg) no-repeat right bottom;
}

div.home table.grid td.td_2 {
  background: url(home_brick_2_bg.jpg) no-repeat right bottom;
}

div.home table.grid td.td_3 {
  background: url(home_brick_3_bg.jpg) no-repeat right bottom;
}

div.home table.grid div.brick_1,
div.home table.grid div.brick_2,
div.home table.grid div.brick_3 {
  padding: 5px 10px 5px 10px;
}

div.home table.grid div.brick_1 {
  width: 220px;
}

div.home table.grid div.brick_2 {
  width: 220px;
}

div.home table.grid div.brick_3 {
  width: 230px;
}

div.home table.grid div.brick_1 p.tip {
  height: 63px;
}

div.home table.grid div.brick_2 p.tip {
  height: 35px;
}

div.home table.grid div.brick_3 p.tip {
  height: 97px;
}

div.home table.grid div.brick_1 h2,
div.home table.grid div.brick_2 h2 {
  color: #aa0000;
}

div.home table.grid td h2 {
  line-height: 19px;
}

div.home div.form {
  display: block;
  width: 220px;
}

div.home table.default td.td_1 {
  width: 360px;
  padding: 0px 40px 0px 0px;
}

div.home table.default td.td_2 {
  padding: 0px 0px 0px 0px;
}

div.home div.form div.brick {
  border: none;
  padding: 0px;
  margin: 6px 0px 5px 0px;
}

div.desktop table.grid tr.tr_1 td {
  background: url(gradient_1.jpg) repeat-x left top #e4ddcd;
}

div.desktop table.grid tr.tr_2 td {
  background: url(gradient_2.jpg) repeat-x left bottom #e4ddcd;
}

div.desktop div.section {
  width: 340px;
  height: 225px;
  padding: 10px 15px 5px 15px;
}

div.desktop div.section div.button {
  margin: 7px 0px 0px 0px;
}

div.desktop table.grid tr.tr_1 td.td_1 p,
div.desktop table.grid tr.tr_1 td.td_2 p {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  height: 60px;
}

div.desktop table.grid tr.tr_1 td.td_1 span.caption {
  display: block;
  float: left;
  width: 195px;
  height: 53px;
  padding: 9px 5px 0px 30px;
  background: url(caption_arrow.gif) no-repeat left top;
  color: #003300;
}

div.desktop table.grid tr.tr_1 td.td_1 a.start {
  background: url(icon_start.gif) no-repeat center top;
  display: block;
  float: left;
  width: 99px;
  padding-top: 60px;
  margin: 0px 15px 0px 5px;
  text-align: center;
  font-weight: bold;
  color: #aa0000;
}

div.desktop table.grid tr.tr_1 td.td_1 a.statistics {
  background: url(icon_statistics.gif) no-repeat center top;
  display: block;
  float: left;
  width: 114px;
  padding-top: 60px;
  margin: 0px 0px 0px 0px;
  text-align: center;
  font-weight: bold;
  color: #aa0000;
}

div.desktop table.grid tr.tr_1 td.td_1 table.default td {
  border: none;
  background: none;
}

div.desktop table.grid table.my_information td {
  background: none;
  border: none;
}

table.my_information a.profile {
  background: url(icon_profile.gif) no-repeat center top;
  display: block;
  width: 95px;
  padding-top: 58px;
  text-align: center;
}

table.my_information a.start {
  background: url(icon_start.gif) no-repeat center top;
  display: block;
  width: 95px;
  padding-top: 58px;
  text-align: center;
}

table.my_information a.time_caption {
  background: url(icon_time.gif) no-repeat left top;
  text-decoration: none;
  color: #990000;
  display: block;
  width: 90px;
  padding: 12px 0px 0px 60px;
  height: 46px;
  text-align: center;
}

table.my_information span.normal {
  display: block;
}

table.my_information a.time_caption span.big {
  display: block;
  margin-top: 3px;
  font-size: 20px;
}

table.my_information a.time {
  display: block;
  width: 150px;
  margin-left: 15px;
  text-align: center;
}

table.my_information a.statistics {
  background: url(icon_statistics.gif) no-repeat center top;
  display: block;
  width: 90px;
  padding-top: 58px;
  margin-left: 5px;
  text-align: center;
}

div.desktop table.grid tr.tr_2 td.td_2 p {
  height: 105px;
}

div.desktop table.grid tr.tr_2 td.td_2 a.manual {
  background: url(icon_manual.gif) no-repeat center top;
  display: block;
  float: left;
  width: 120px;
  padding: 50px 0px 0px 0px;
}

div.desktop table.grid tr.tr_2 td.td_2 a.faq {
  background: url(icon_faq.gif) no-repeat center top;
  display: block;
  float: left;
  width: 120px;
  padding: 50px 0px 0px 0px;
  margin-left: 15px;
}

div.desktop table.grid tr.tr_2 td.td_1 div.caption {
  background: url(caption_bg.gif) no-repeat left top;
  display: block;
  width: 288px;
  height: 74px;
  padding: 10px 0px 0px 70px;
  margin: 20px 0px 0px 0px;
}

div.questions_cats div.item {
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  padding: 10px;
  margin-bottom: 10px;
}

div.questions_cats div.item a {
  display: block;
  text-decoration: none;
  height: 32px;
}

div.questions_cats div.item:hover {
  padding: 9px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;
}

div.questions_cats div.item:hover span.title {
  text-decoration: underline;
}

div.questions_cats div.item img.icon {
  float: left;
  width: auto;
  margin-right: 10px;
}

div.questions_cats div.item span.title {
  display: block;
  font: bold 14px tahoma;
}

div.questions_cats div.item span.description {
  color: #000000;
}

div.questions_view div.image {
  display: block;
  width: 409px;
  height: 270px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

div.questions_view div.question {
  display: block;
  width: 326px;
  height: 250px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 10px 12px 10px 13px;
  font-size: 14px;
  font-weight: bold;
}

div.questions_view div.answers {
  display: block;
  padding: 5px 0px 5px 0px;
  height: 155px;
  padding-bottom: 10px;
  border-bottom: 1px solid #aaaaaa;
}

div.questions_view div.controls {
  margin: 0px 10px 0px 10px;
}

div.questions_line {
  display: block;
  height: 56px;
  margin: 0 0 0 0;
}

div.questions_line a {
}

div.questions_line a.item {
  display: block;
  float: left;
  padding-top: 2px;
  height: 18px;
  width: 21px;
  text-decoration: none;
  text-align: center;
  color: #000000;
  margin: 4px 3px 0 0;
  border: 1px solid #aaaaaa;
}

div.questions_line a.answered {
  width: 21px;
  height: 19px;
  background: url(questions_line_answered_bg.gif) no-repeat left bottom;
  color: #333333;
  border: none;
}

div.questions_line a.current {
  width: 21px;
  height: 19px;
  background: url(questions_line_current_bg.gif) no-repeat left bottom;
  color: #000000;
  border: none;
}

div.questions_line a.correct {
  width: 21px;
  height: 19px;
  background: url(questions_line_correct_bg.gif) no-repeat left bottom;
  color: #ffffff;
  border: none;
}

div.questions_line a.wrong {
  width: 21px;
  height: 19px;
  background: url(questions_line_wrong_bg.gif) no-repeat left bottom;
  color: #ffffff;
  border: none;
}

div.questions_view div.answers div.item {
  margin-top: 1px;
}

div.questions_view div.answers div.button label {
  display: block;
  height: 23px;
  width: 30px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;
  text-decoration: none;
  font: bold 14px arial;
  color: #000000;
  text-align: center;
  padding-top: 7px;
}

div.questions_view div.answers div.checkbox {
  width: 30px;
  padding-top: 7px;
  text-align: center;
}

div.questions_view div.answers div.text {
  width: 674px;
  border: 1px solid #f00;
  height: 32px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-left: 10px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 0px 3px 0px 3px;
}

.color_correct {
  color: #006600;
  background: #b8e7ba;
}

.color_wrong {
  color: #990000;
  background: #e8bfbf;
}

div.questions_view div.questions_count {
  width: 100px;
  padding: 3px 0px 0px 0px;
  font-weight: bold;
}

div.questions_view div.questions_answered {
  width: 80px;
  text-align: center;
  padding: 3px 0px 0px 0px;
  font-weight: bold;
}

div.questions_view div.button_previous,
div.questions_view div.button_next {
  width: 150px;
  text-align: center;
}

div.questions_view div.button_previous a,
div.questions_view div.button_next a,
div.questions_view div.button_results a {
  width: 130px;
}

div.questions_view div.time {
  width: 100px;
  text-align: center;
  padding: 3px 0px 0px 0px;
  font-weight: bold;
}

div.questions_view div.button_previous input.button,
div.questions_view div.button_next input.button {
  width: 150px;
}

div.questions_view div.button_results input.button {
  width: 150px;
  text-align: right;
}

div.questions_view div.explanation {
  text-align: right;
  margin: 245px 5px 5px 10px;
  font-size: 11px;
  position: absolute;
  display: block;
  width: 330px;
}

div.questions_view div.explanation a {
  background: url(icons/explaination.gif) no-repeat 2px 2px;
  padding: 0px 5px 0px 20px;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  text-decoration: none;
  height: auto;
}

div.questions_results div.result_correct {
  width: 713px;
  padding: 21px 0px 20px 65px;
  font-size: 20px;
  color: #ffffff;
  background: url(result_correct_bg.jpg) #b8e7ba;
}

div.questions_results div.result_wrong {
  width: 713px;
  padding: 21px 0px 20px 65px;
  font-size: 20px;
  color: #ffffff;
  background: url(result_wrong_bg.jpg) #e8bfbf;
}

div.questions_results table.grid {
  margin: 10px 0px 20px 0px;
}

div.questions_results table.grid div.title {
  text-align: right;
  font-weight: bold;
}

div.questions_results table.grid div.title,
div.questions_results table.grid div.value {
  padding: 10px;
}

div.questions_results div.questions_line {
  margin: 10px 0px 0px 0px;
}

div.questions_results table.my_information {
  margin: 40px 0px 0px 200px;
}

div.members_form {
  margin: 0px 5px 0px 5px;
}

div.members_form p {
  margin: 0px 0px 20px 0px;
}

div.members_form table.form td.td_2 div.tip {
  color: #aa0000;
}

div.members_work_time table.grid th,
div.members_work_time table.grid td {
  padding: 10px;
  vertical-align: middle;
}

div.members_work_time table.grid {
  margin-bottom: 10px;
}

div.menu_big a.item {
  display: block;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  padding: 6px;
  margin-bottom: 8px;
  text-decoration: none;
  cursor: pointer;
  height: 52px;
}

div.menu_big a.item:hover {
  padding: 5px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;
}

div.menu_big a.item img.icon {
  float: left;
  margin: 0px 10px 8px 5px;
}

div.menu_big h2 {
  font: bold 14px arial, tahoma;
  color: #005680;
  margin: 0px 0px 2px 0px;
}

div.menu_big span.caption {
  float: right;
  display: block;
  width: auto;
  background: #999999;
  color: #ffffff;
  padding: 1px 4px 2px 20px;
  font: normal 11px tahoma, arial;
}

div.menu_big span.red {
  background: #bb0000;
}

div.menu_big span.green {
  background: #009900;
}

div.menu_big p {
  font: normal 12px arial, tahoma;
  color: #333333;
  margin: 0px;
  padding-right: 70px;
}

div.menu_big a:hover h2 {
  text-decoration: underline;
}

div#top_menu {
  margin: 0px 0px 0px 0px;
  height: 26px;
  border-bottom: 1px solid #808080;
  background: #e4e1b7;
}

div#top_menu ul {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  z-index: 0;
}

div#top_menu li {
  float: left;
  width: auto;
  list-style: none;
  position: relative;
  margin: 0px;
  padding: 0px;
  z-index: 999;
}

div#top_menu ul li a {
  float: left;
  display: block;
  padding: 6px 10px 0px 10px;
  color: #000000;
  font: 12px arial, tahoma, sans-serif;
  text-decoration: none;
  height: 20px;
}

div#top_menu ul li a.logout {
  color: #aa0000;
  text-decoration: underline;
  font-weight: bold;
}

div#top_menu ul li a:hover,
div#top_menu ul li.jshover a,
div#top_menu ul li:hover a {
  padding: 6px 9px 0px 9px;
}

div#top_menu ul li.jshover,
div#top_menu ul li:hover {
  background: #e6e3e0;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
}

div#top_menu ul {
  float: left;
  width: auto;
  list-style: none;
  margin: 0px;
  padding: 0px;
  position: absolute;
}

div#top_menu ul ul {
  display: none;
  position: absolute;
  left: 0px;
  top: 100%;
  width: 150px;
  height: auto;
  z-index: 999;
  margin: 0px;
  padding: 0px;
}

div#top_menu ul ul li {
  border-left: none;
  margin: 0px;
  padding: 0px;
  background: #e6e3e0;
}

div#top_menu ul ul {
  margin: 1px 0px 0px -1px;
}

div#top_menu ul ul,
div#top_menu ul ul li {
  width: 150px;
  height: auto;
}

div#top_menu ul ul li {
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #808080;
  border-right: 1px solid #808080;
}

div#top_menu ul ul li a {
  width: 126px;
  margin: 0px;
  display: block;
  padding: 6px 10px 0px 10px;
  height: 21px;
}

div#top_menu ul ul li a:hover {
  padding: 6px 9px 0px 9px;
  background: #e6e3e0;
  height: 21px;
}

div#top_menu ul li.jshover ul,
div#top_menu ul li:hover ul {
  display: block;
}

div#top_menu ul li.jshover ul ul,
div#top_menu ul li:hover ul ul {
  display: none;
}

div#top_menu ul ul li.jshover ul,
div#top_menu ul ul li:hover ul {
  display: block;
}

div#top_menu ul ul li.jshover ul ul,
div#top_menu ul ul li:hover ul ul {
  display: none;
}

div.proc_success {
  background: #009900;
  color: #ffffff;
  padding-left: 3px;
}

div.proc_fail {
  background: #990000;
  color: #ffffff;
  padding-left: 3px;
}

table.list td.a_left {
  text-align: left;
}

div.members_remind p {
  margin-bottom: 20px;
}

div.members_remind label {
  float: left;
  width: auto;
  padding-right: 10px;
}

div.members_remind span.field {
  float: left;
  width: 200px;
}

div.members_remind input.button {
  margin-left: 10px;
}

div.langs {
  float: right;
  width: 230px;
  padding-top: 5px;
  text-align: right;
}

div.langs a {
  float: right;
  display: block;
  width: 85px;
  text-align: center;
  margin-left: 10px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  text-decoration: none;
  font-size: 14px;
  padding: 3px 5px 3px 5px;
  font-weight: bold;
  color: #009900;
}

div.langs a:hover {
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;
  text-decoration: none;
  font-size: 14px;
  padding: 2px 4px 2px 4px;
}

div.members_desktop div.home div.tip {
  margin: 10px 0px 0px 0px;
}

div.members_remind,
div.statistics_list,
div.questions_cats,
div.members_work_time,
div.content_item {
  margin: 10px 10px 10px 10px;
}

div.content_item li a {
  line-height: 20px;
}

div.payment_item {
  margin-bottom: 30px;
  margin: 0px -20px 0px -20px;
  padding: 20px 20px 35px 20px;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #ffffff;
}

div.payment_item:hover {
  background: #e1ddd9;
}

div.payment_item h2 {
  color: #990000;
}

div.payment_item:hover h2 {
  text-decoration: underline;
}

div.payment_prepare p.tip {
  margin: 10px 0px 20px 0px;
  color: #aa0000;
  font-size: 14px;
  text-align: center;
}

div.payment_prepare fieldset {
  text-align: center;
}

div.payment_prepare div.payment_bill {
  padding: 20px 80px 40px 80px;
}

.payment_icons img {
  margin: 0 10px 5px 0;
  width: 90px;
  height: auto;
}

b.red {
  color: #990000;
}

.bg_red {
  color: #ffffff;
  background: #aa0000;
}

p.msg {
  background: #ffe6e6;
  border: 1px solid #ff7979;
  padding: 12px 12px 12px 12px;
  margin-top: 10px;
  color: #990000;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

div.social {
  float: left;
  width: auto;
  margin-left: 10px;
}

div.social img.icon {
  float: left;
  width: auto;
  margin-right: 5px;
}