/*= О Б Щ И Е ================================================================*/
* {
  font-family: Arial;
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  border: none 0px;
  border-collapse: collapse;
  border-spacing: 0px;
}
body {
  width: 100%;
}
ol {
  margin: 5px 10px 5px 30px;
}
ol li {
  padding-bottom: 5px;
}
label {
  cursor: pointer;
}
input, select, textarea {
  padding: 2px;
  border: solid 1px #A0A0A0;
  font-family: monospace;
}
input.checkbox,
input.radio {
  width: auto !important;
}
select {
  padding: 1px;
}
table {
  margin: 2px;
}
table td, 
table th {
  padding: 2px;
  border: solid 1px #A0A0A0;
}
.even {
  /* четный */
  background-color: #F5F5F5;
}
.odd {
  /* нечетный */
  background-color: #E5E5E5;
}
.bold {
  font-weight: bold;
}

div.header-area {
  margin-bottom: 1em;
}

div.btn-area {

}
div.btn-area div.btn-area-left {

}
div.btn-area div.btn-area-center {
 text-align: center;
}
div.btn-area div.btn-area-right {

}
div.btn-area div.btn-item {

}
div.btn-area div.btn-area-left div.btn-item {

}
div.btn-area div.btn-area-center div.btn-item {

}
div.btn-area div.btn-area-right div.btn-item {

}
div.logo{
  width: 100%;
  border: 0px solid #ccc;
  color: #000080;
  font-weight: bolder;
  font-size: 200%;
  font-variant: small-caps;
  letter-spacing: 2pt;
}

/*============================================================================*/

/*=  З А Г О Л О В К И  ======================================================*/
h1 {
  font-size: 18px;
  font-weight: bold;
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 14px;
  font-weight: bold;
}
h4 {
  font-size: 14px;
}
h1.center,
h2.center,
h3.center,
h4.center {
  text-align: center;
}
/*============================================================================*/

/*=  С С Ы Л К И  ============================================================*/
a,
a:link,
a:active,
a:visited,
a:hover {
  text-decoration: underline;
  color: #000000;
}
a:hover {
  text-decoration: none;
  color: #666666;
}
/*============================================================================*/

/*=  С О О Б Щ Е Н И Я =======================================================*/
div.info-msg,
div.message,
div.error {
  padding: 10px;
  margin: 10px;
  background-color: #CCFFCC;
  border: solid 1px #00FF00;
  color: #006D00;
}
div.info-msg {
  background-color: #CCCCEE;
  border-color: #0000DD;
  color: #000000;
}
div.error {
  background-color: #FFCCCC;
  border-color: #FF0000;
  color: #6D0000;
}
/*============================================================================*/


/*=  Ш А Б Л О Н  ============================================================*/
/* Главная таблица */
#WorkingArea {
  width: 900px;
  height: 600px;
  margin: 25px auto 0px;
  background-color: #E0E0E0;
  border: solid 2px black;

}
#WorkingArea td {
  vertical-align: top;
}
/* Меню */
#WorkingArea td.menu {
  border: 0px none;
  padding: 0px;
  width: 150px;
  background-color: #A0A0A0;
}
#WorkingArea td.main {
  border: 0px none;
  padding: 5px;
}
/* Навигационная строка, строка состояния */
#WorkingArea td.navibar,
#WorkingArea td.statusbar {
  border: 0px none;
  padding: 0px;
  height: 15px;
}
#WorkingArea div.text-container {
  padding: 40px 4px 10px 4px;
}
div.footer-after {
  width: 900px;
  margin: 5px auto;
  text-align: center;
}
div.search {
  width: 900px;
  margin: 5px auto;
  text-align: right;
}
/*============================================================================*/

/*=  С Т Р А Н И Ц А    С П Р А В К И    Р А З Р А Б О Т Ч И К А  ============*/
#WorkingArea div.developer-docs {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
/*============================================================================*/


/*=  Ф О Р М А    А В Т О Р И З А Ц И И    И    Р Е Г И С Т Р А Ц И И ========*/
#WorkingArea table.authorize {
  width: 450px;
  margin: 50px auto 0px auto;
  border: solid 1px #666666;
}
#WorkingArea table.authorize td.field-area {
  text-align: center;
  border: none 0px;
  padding: 5px 0px;
}
#WorkingArea table.authorize td.field-area input {
  width: 150px;
  text-align: center;
  border: solid 1px #A0A0A0;
}
#WorkingArea table.authorize td.field-area input.checkbox,
#WorkingArea table.authorize td.field-area input.radio {
  width: auto;
}
#WorkingArea table.authorize td.field-area input:hover,
#WorkingArea table.authorize td.field-area input:focus {
  border-color: #666666;
}
#WorkingArea table.authorize td.field-area input.text {
  padding: 2px;
  font-family: monospace;
}
#WorkingArea table.authorize tr.confirm-password-area,
#WorkingArea table.authorize tr.email-area,
#WorkingArea table.authorize tr.accept-area,
#WorkingArea table.authorize tr.auth-link-area,
#WorkingArea table.authorize tr.why-need-reg-link-area {
  display: none;
}
#WorkingArea a.pwd-recovery-link,
#WorkingArea a.why-need-reg-link,
#WorkingArea a.why-need-auth-link,
#WorkingArea a.reg-link,
#WorkingArea a.auth-link {
  /*  font-size: 10px;  */
}
/*============================================================================*/

/*=  Ф О Р М А    Н А П О М И Н А Н И Я    П А Р О Л Я =======================*/
#WorkingArea table.authorize div.pr-short-help {
  padding-left: 5px;
  padding-right: 5px;
}
/*============================================================================*/

/*=  Л Е В О Е    М Е Н Ю  =================================================*/
div.left-menu div.item {
  cursor: pointer;
  background-color: #CACACA;
  text-align:right;
}
div.left-menu div.left-menu-level-1 {
  padding: 8px;
  text-align:right;
}
div.left-menu div.left-menu-level-2 {
  padding: 4px 0px 4px 24px ;
  text-align:right;
}
div.left-menu div.left-menu-level-3 {
  padding: 2px 0px 2px 48px ;
  text-align:right;
}
div.left-menu div.current,
div.left-menu div.hover {
  background-color: #E0E0E0;
  text-align:right;
}
/*============================================================================*/


/*=  П Р А В О Е    М Е Н Ю  =================================================*/
div.right-menu div.item {
  cursor: pointer;
  background-color: #CACACA;
}
div.right-menu div.right-menu-level-1 {
  padding: 8px;
}
div.right-menu div.right-menu-level-2 {
  padding: 4px 0px 4px 24px ;
}
div.right-menu div.right-menu-level-3 {
  padding: 2px 0px 2px 48px ;
}
div.right-menu div.current,
div.right-menu div.hover {
  background-color: #E0E0E0;
}
/*============================================================================*/

/*=  К О М П О Н Е Н Т    П Р О С М О Т Р А    П Р О Ф И Л Я  ================*/
div.profile-view {
  padding: 15px 5px;
}
div.profile-view div.names,
div.profile-view div.groups {
  padding-top: 15px;
  padding-left: 15px;
}
div.profile-view div.names div, 
div.profile-view div.groups div {
  padding-top: 5px;
}
/*============================================================================*/

/*=  К О М П О Н Е Н Т    З А Д А В А Н И Я    В О П Р О С А  ================*/
div.question-item {
  padding: 5px;
}

div.question-add div.question-text-image-url {
  width: 100%;
}
div.question-add div.question-text-image-url div.field-area {
  width: 450px;
  margin: 0px auto;
}
div.question-add div.question-text-image-url div.field-area textarea,
div.question-add div.question-text-image-url div.field-area input {
  width: 450px;
  margin: 0px auto;
}

div.question-add div.question-answers-count table.question-answers-count {
  width: 100%;
}
div.question-add div.question-answers-count table.question-answers-count td {
  width: 50%;
  text-align: center;
}
div.question-add div.question-answers-count table.question-answers-count td select {
  width: 50px;
  text-align: center;
}

div.question-add div.question-answers-list {
  padding: 5px;
}
div.question-add div.question-answers-list table.question-answers-list {
  width: 100%;
}
div.question-add div.question-answers-list table.question-answers-list td.answer-expl {
  padding: 0px !important;
}
div.question-add div.question-answers-list table.question-answers-list td.answer-expl table {
  margin: -1px !important;
  border: none 0px;
}
div.question-add div.question-answers-list table.question-answers-list div.answer-expl,
div.question-add div.question-answers-list table.question-answers-list div.answer-expl-url {
  display: none;
}
div.question-add div.question-answers-list table.question-answers-list div.show {
  display: block !important;
}
div.question-add div.question-answers-list table.question-answers-list tbody td {
  text-align: left;
  padding: 1px 3px;
}
div.question-add div.question-answers-list table.question-answers-list tbody td.label {
  width: 125px;
}
div.question-add div.question-answers-list table.question-answers-list tbody td input,
div.question-add div.question-answers-list table.question-answers-list tbody td textarea {
  width: 99%
}

div.question-add div.question-area div.image-area {
  float: left;
  padding: 5px 10px 10px 5px;
}
div.question-add div.answers-area div.answer-item {
  padding-bottom: 5px;
}
div.question-add div.answers-area div.answer-item div.right {
  font-weight: bold;
}
/*============================================================================*/


/*=  К О М П О Н Е Н Т    О Т В Е Т А    Н А    В О П Р О С  =================*/
div.question-ask div.question-area div.image-area {
  float: none;
  padding: 5px 10px 10px 5px;
}
/*============================================================================*/

/*=  К О М П О Н Е Н Т    О Т В Е Т А    Н А    В О П Р О С  =================*/
div.question-view div.question-area div.image-area {
  float: left;
  padding: 5px 10px 10px 5px;
}
div.question-view div.answers-area div.right {
  font-weight: bold;
}
div.question-view div.answers-area div.user-answer {
  font-style: italic;
}
/*============================================================================*/

/*=  К О М П О Н Е Н Т    С О З Д А Н И Я    Н О В О Й    Т Е М Ы  ===========*/
div.topic-add div.topic-item {
  padding: 5px;
  width: 100%;
}
div.topic-add div.topic-item div.field-area {
  width: 450px;
  margin: 0px auto;
}
div.topic-add div.topic-item div.field-area textarea,
div.topic-add div.topic-item div.field-area input {
  width: 450px;
  margin: 0px auto;
}
/*============================================================================*/

/*=  К О М П О Н Е Н Т    С О З Д А Н И Я   Н О В О Й   ( И   Р Е Д А К Т И Р О В А Н И Я )    Г Р У П П Ы   ======*/
div.group-add div.group-item,
div.group-edit div.group-item {
  padding: 5px;
  width: 100%;
}
div.group-add div.group-item div.field-area,
div.group-edit div.group-item div.field-area {
  width: 450px;
  margin: 0px auto;
}
div.group-add div.group-item div.field-area textarea,
div.group-add div.group-item div.field-area input,
div.group-edit div.group-item div.field-area textarea,
div.group-edit div.group-item div.field-area input {
  width: 450px;
  margin: 0px auto;
}
/*============================================================================*/

/*=  К О М П О Н Е Н Т    С О З Д А Н И Я    Н О В О Г О    О Б Р А Щ Е Н И Я */
div.feedback-add div.feedback-item {
  padding: 5px;
  width: 100%;
}
div.feedback-add div.feedback-item div.field-area {
  width: 450px;
  margin: 0px auto;
}
div.feedback-add div.feedback-item div.field-area textarea,
div.feedback-add div.feedback-item div.field-area select,
div.feedback-add div.feedback-item div.field-area input {
  width: 450px;
  margin: 0px auto;
}
/*============================================================================*/

/*=  К О М П О Н Е Н Т    С О З Д А Н И Я    Н О В О Г О    С О О Б Щ Е Н И Я */
div.message-add div.message-item {
  padding: 5px;
  width: 100%;
}
div.message-add div.message-item div.field-area {
  width: 450px;
  margin: 0px auto;
}
div.message-add div.message-item div.field-area textarea,
div.message-add div.message-item div.field-area select,
div.message-add div.message-item div.field-area input {
  width: 450px;
  margin: 0px auto;
}
/*============================================================================*/


/*=  К О М П О Н Е Н Т    С О З Д А Н И Я    Н О В О Й    З А П И С И    Г О Л О С О В А Н И Я */
div.votebody-add div.votebody-item {
  padding: 5px;
  width: 100%;
}
div.votebody-add div.votebody-item div.field-area {
  width: 450px;
  margin: 0px auto;
}
div.votebody-add div.votebody-item div.field-area textarea {
  width: 444px;
}
div.votebody-add div.votebody-buttons div.field-area input {
  width: 150px;
  float: left;
}
div.votebody-add div.votebody-buttons div.field-area input.MARKED {
  border: 2px solid #606060;
  padding-bottom: 0px;
  float: left;
}

/*============================================================================*/


/*=  К О М П О Н Е Н Т    Р Е Д А К Т И Р О В А Н И Е    П Р О Ф И Л Я */
div.profile-edit table.profile {
  width: 90%;
  margin: 0px auto;
  border: 0 none;
}
div.profile-edit table.profile td {
  border: 0 none;
}
div.profile-edit table.profile td.caption-area {
  width: 35%;
  text-align: right;
  padding-right: 10px;
}
div.profile-edit table.profile td.value-area {
  text-align: left;
}
div.profile-edit table.profile td.value-area input {
  width: 98%;
}
div.profile-edit table.profile tr.pe-submit-button-area td.field-area {
  text-align: center;
}
/*============================================================================*/


/*=  К О М П О Н Е Н Т    К О М Е Н Т А Р И Е В    С О Ц И А Л Ь Н Ы Х    С Е Т Е Й */
div.soc-net-comments {
  margin: 0px auto;
}
/*============================================================================*/

/*=  К О М П О Н Е Н Т    П Р О С М О Т Р А    П О И С К А    Р А Б О Т Ы  ===*/
table td.number {
  width: 20px;
  text-align: center;
}
table td.country {
  width: 75px;
  text-align: center;
}
table td.city {
  width: 75px;
  text-align: center;
}
table td.year-salary {
  width: 115px;
  text-align: right;
}
/*============================================================================*/

/*=  К О М П О Н Е Н Т    П Р О С М О Т Р А    Д Е Р Е В А    Г Р У П П  =====*/
div.group-set-view div.branch-item {
  padding-left: 20px;
}
div.group-set-view table.group-set-view {
  width: 100%;
}
div.group-set-view table.group-set-view td.label-name,
div.group-set-view table.group-set-view td.label-description {
  text-align: left;
}
div.group-set-view table.group-set-view td.label-action-menu {
  width: 200px;
  text-align: center;
}
div.group-set-view table.group-set-view td.label-checkbox {
  width: 13px;
  text-align: center;
}

/*============================================================================*/

/*=  К О М П О Н Е Н Т    С О З Д А Н И Я     Д Е Р Е В А    Г Р У П П  ======*/
div.group-set-edit h1 {
  padding-bottom: 15px;
}
div.group-set-edit div.group-set-item {
  padding: 5px;
  width: 100%;
}
div.group-set-edit div.group-set-item div.field-area {
  width: 450px;
  margin: 0px auto;
}
div.group-set-edit div.group-set-item div.field-area textarea,
div.group-set-edit div.group-set-item div.field-area select,
div.group-set-edit div.group-set-item div.field-area input {
  width: 450px;
  margin: 0px auto;
}
/*============================================================================*/


/*=  К О М П О Н Е Н Т    П Р О С М О Т Р А    С О С Т А В А    Я Р Л Ы К А    Г Р У П П  ==*/
div.group-set-staff table.group-set-staff {
  width: 100%;
}
div.group-set-staff table.group-set-staff td.gCheckbox,
div.group-set-staff table.group-set-staff td.gID,
div.group-set-staff table.group-set-staff td.gInviterID,
div.group-set-staff table.group-set-staff td.u2gIncludeDateTime,
div.group-set-staff table.group-set-staff td.u2gRole,
div.group-set-staff table.group-set-staff td.group-set-staff-menu {
  text-align: center;
}
/*============================================================================*/

.field-label-required {
  font-weight: bold;
}
.field-block input[type='text'], 
.field-block textarea {
  width: 551px;
}
.field-block textarea {
  height: 75px;
}
.field-block .field-input .field-option {
  margin-bottom: 1px;
}
.field-set .field-block {
  float: left;
  margin-right: 15px;
}
.field-set .field-block input[type='text'] {
  width: 265px;
}
.field-block.field-topic_list input[type='text'] {
  width: 35px;
  text-align: center;
}
.field-set.field-salary .field-block input[type='text'] {
  width: 140px;
}
.field-set.field-salary .field-block select {
  width: 158px;
}
.field-set.field-salary .field-block .field-label, 
.field-set.field-salary .field-block .field-input {
  display: inline;
}

.page-caption {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 0.5em;
}
.page-row {
  padding-bottom: 0.5em;
}
.detail-caption {
  color: #333;
}
.detail-value {
  font-weight: bold;
}

.vacancy-view .detail-value {
  font-size: 16px;
}
.vacancy-view .company .detail-value {
  font-size: 18px;
}
.vacancy-view .min-rate .topic-list,
.vacancy-view .vacancy-users-list .users-list,
.vacancy-list .vacancies {
  width: 100%;
}
.vacancy-view .min-rate .topic-list .num,
.vacancy-view .vacancy-users-list .users-list .num,
.vacancy-list .vacancies .num {
  width: 25px;
}
.vacancy-view .min-rate .topic-list .num-value,
.vacancy-view .vacancy-users-list .users-list .num-value,
.vacancy-view .vacancy-users-list .users-list .user-value,
.vacancy-view .vacancy-users-list .users-list .role-value,
.vacancy-view .vacancy-users-list .users-list .status-date-value,
.vacancy-list .vacancies .num-value,
.vacancy-list .vacancies .status-value {
  text-align: center;
}
.vacancy-view .min-rate .topic-list .rate-value {
  width: 100px;
  text-align: center;
}
.vacancy-view .emp-type ul {
  margin-top: 3px;
  padding-left: 20px;
}
.vacancy-view .include {
  padding-top: 1em;
  text-align: center;
}
.vacancy-view .vacancy-users-list {
  padding-top: 2em;
}
.vacancy-list .link-new {
  text-align: center;
  font-weight: bold;
}
.vacancy-form .back-link {
  padding-top: 2em;
}