body, html { width: 100%; height: 100%; font-size: 14px; font-family: Arial,sans-serif; }

h1, h2 { font-family: Arial,sans-serif; color: #0a7b98; font-weight: normal; }
h1 { font-size: 20px; font-family: Arial,sans-serif; color: #0a7b98; padding: 0 0 25px 0; margin: 0; }
h1 .right { color: #000; font-size: 14px; font-weight: normal; }
h1 select { border: 2px solid #c3c3c3; }
h2 { font-size: 16px; padding: 0 0 15px 0; font-weight: bold; }

h3 { color: #19bb1b; border-top: 1px solid #a4d1dd; padding: 10px 0; border-bottom: 1px solid #a4d1dd; }

a { color: #0a7b98; }
a:hover { text-decoration: none; }

.notice, .error { margin: 0 0px 15px 0px; padding: 7px 7px 7px 30px; }
.notice { border-bottom: 1px solid #0bb70b; border-top: 1px solid #0bb70b;
  color: #0bb70b; background: #e9ffcd url('../images/notice.png') no-repeat 3px center; }
.error { border-bottom: 1px solid #d4000a; border-top: 1px solid #d4000a;
  color: #d4000a; background: #ffe5d7 url('../images/error.png') no-repeat 5px center; }

#Main { width: 950px; background-color: #fff; margin: 0 auto; padding-top: 30px; }
#Header { padding: 0px 0px 25px 0; }
#Content { padding: 0px 0px 10px 0px; float: left; width: 670px; }
#Footer { padding: 0px 0px 0px 0px; }

#Copyright { padding: 17px 0 30px 0px; font-size: 12px; color: #888; }
#Copyright a { color: #777; }

#Week {}
table.sessions { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
table.sessions th, td { border-left: 1px solid #b0e4b0; border-right: 1px solid #b0e4b0;
  padding: 4px 7px; font-size: 12px; }
table.sessions th { text-align: left; color: #0bb70b; font-size: 14px; font-weight: normal;
  border-bottom: 2px solid #4adb4a; border-top: 0px; vertical-align: bottom; }
table.sessions td {}

table.sessions div.comment { color: #888; font-weight: normal; font-size: 12px; }
table.sessions div.comment a { color: #888; text-decoration: underline; }
table.sessions div.comment a:hover { text-decoration: none; }

table.sessions tr { border-bottom: 1px solid #b0e4b0; border-top: 1px solid #b0e4b0; }
table.sessions tr.even {}
table.sessions tr.odd  { background-color: #f7f7ee; }
table.sessions tr.last { border-bottom: 1px solid #4adb4a; }
table.sessions tr.first { border-top: 0; }

table.sessions .day { border-left: 0px; border-right: 0px; font-size: 16px; font-weight: bold; }
table.sessions .none { border-left: 0px; border-right: 0px; }
table.sessions .time { width: 85px; border-left: 0px; font-weight: bold; }
table.sessions .type { width: 210px; font-weight: bold; }
table.sessions .type a { color: #000; text-decoration: none; }
table.sessions .type a:hover { text-decoration: underline; }
table.sessions .coach { width: 120px; border-right: 0px; vertical-align: center; }
table.sessions .actions { width: 195px; border-right: 0px; border-left: 0px; text-align: right; font-size: 10px; }
table.sessions .actions .filled { color: #d4d0c8; height: 14px; padding: 2px 19px 0 0;
  background: transparent url('../images/filled-list-icon.gif') no-repeat center right; }
table.sessions .actions .filled a { display: inline; padding: 0; float: none; color: #777777; }
table.sessions .actions a { padding-right: 19px; display: block; height: 16px; float: right;
  text-decoration: none; background: transparent url('') no-repeat center right; }
table.sessions .actions a:hover { text-decoration: underline; }
table.sessions .actions .delete { color: #d4000f; background-image: url('../images/delete-list-icon.gif') }
table.sessions .actions .reservate { color: #1dd31d; background-image: url('../images/reserve-list-icon.gif') }
table.sessions .actions a.add { padding-right: 15px;
  background: transparent url('../images/add-other.gif') no-repeat center right;  }
table.sessions .actions a.remove { padding-right: 15px;
  background: transparent url('../images/delete-other.gif') no-repeat center right; }

table.events { width: 100%; border-collapse: collapse; margin: -15px 0 30px 0; }
table.events th, td { border-left: 1px solid #b0e4b0; border-right: 1px solid #b0e4b0;
  padding: 4px 7px; font-size: 12px; }
table.events th { text-align: left; color: #0bb70b; font-size: 14px; font-weight: normal;
  border-bottom: 2px solid #4adb4a; border-top: 0px; vertical-align: bottom; }
table.events td {}

table.events tr { border-bottom: 1px solid #b0e4b0; border-top: 1px solid #b0e4b0; }
table.events tr.even {}
table.events tr.odd  { background-color: #f7f7ee; }
table.events tr.last { border-bottom: 1px solid #4adb4a; }
table.events tr.first { border-top: 1px solid #4adb4a; }

table.events td.times { width: 80px; border-left: 0px; font-weight: bold; }
table.events td.title { width: 410px; border-right: 0px; font-weight: bold; }
table.events td.title a { text-decoration: none; }
table.events td.title a:hover { text-decoration: underline; }
table.events td.fill { border-right: 0px; border-left: 0px; text-align: right; font-size: 11px;  }
table.events td.fill a { color: #4196df; padding-right: 19px; display: block; height: 16px; float: right;
  background: transparent url('../images/question.gif') no-repeat center right; text-decoration: none; }
table.events td.fill a:hover { text-decoration: underline; }


#Menu { height: 31px; background: transparent url('../images/menu-line.gif') repeat-x center center;
  width: 670px; }
#Menu li { list-style-type: none; float: left; height: 31px; }
#Menu li a { display: block; float: left; color: #000; text-decoration: none; padding: 0px 13px;
  height: 31px; line-height: 32px; color: #fff; font-weight: bold; }
#Menu li span { display: block; padding: 0 13px; height: 31px; }
#Menu li.active { background: transparent url('../images/active-line.gif') repeat-x center center; }
#Menu li .first a { padding-left: 12px;
  background: transparent url('../images/menu-left.gif') no-repeat center left;}
#Menu li.active .first a { background-image: url('../images/menu-left-active.gif'); }
#Menu li.split { background: transparent url('../images/split.gif') no-repeat center center;
  width: 2px; font-size: 0; padding: 0; }
#Menu li.right { float: right; }
#Menu li .last span,
#Menu li .last a { background: transparent url('../images/menu-right.gif') no-repeat center right;
  padding-right: 12px;}
#Menu li.logout { background: transparent url('../images/logout-line.gif') repeat-x center center; }
#Menu li.logout .last a { background-image: url('../images/menu-right-logout.gif'); }

form ul.error_list,
form input[type=text],
form input[type=password],
form select,
form textarea { width: 400px; }
form textarea { height: 150px; }

form ul {}
form li { list-style-type: none; padding-bottom: 15px; color: #666; font-size: 12px; width: 400px; }
form li.login-submit,
form li.submit { padding-top: 10px; }
form li.submit { padding-left: 207px; }
form li.login-submit input,
form li.submit input{ background: transparent url('../images/form-button.gif') no-repeat center center;
  height: 31px; line-height: 31px; padding: 0; margin: 0; border: 0; width: 193px; cursor: pointer;
  color: #fff; font-size: 16px; font-weight: bold; }
form label { display: block; padding-bottom: 4px; }
form li label { font-size: 12px; color: #000; font-weight: bold; }

form li.sum span { font-size: 18px; color: #000; }
form li p { padding-bottom: 20px; line-height: 120%; }
form li img { margin: 0 8px 5px 0; }

form ul.error_list { padding: 5 0 0 0; }
form ul.error_list li { padding: 0; margin: 0; color: #d4000a; font-size: 12px; font-weight: bold; }

form li.agree { color: #000; width: 100%; }
form li.agree label { display: inline; font-weight: normal; font-size: 14px; }

form li.custom label { display: inline; font-size: 12px; font-weight: bold; }
form li.custom input,
form li.custom select { margin-top: 8px; }

form li.info { color: #000; width: 100%; }
form li.info table { width: 100%; border-collapse: collapse; border: 0; }
form li.info tr { border: 0; }
form li.info th { border: 0; }
form li.info td { vertical-align: top; border: 0 }

form.login li { padding-bottom: 7px; width: 100%; }
form.login li label { font-weight: normal; display: block; font-size: 14px; }
form.login li input,
form.login li select { margin-top: 0px; }
form.login input[type=text],
form.login input[type=password] { width: 190px; }

form.login .remember label { display: inline; padding: 0 0 0px 10px; font-size: 12px; }
form.login .remember input { vertical-align: middle; }

.bottom-note { margin-bottom: 0px; padding-top: 12px!important; }

.big-top,
.big-bottom { width: 670px; height: 18px; background: transparent url('') no-repeat; }
.big-top { background-image: url('../images/big-block-top.gif'); }
.big-bottom { background-image: url('../images/big-block-bottom.gif'); }
.big { padding: 0 30px;
  background: transparent url('../images/big-block-line.gif') repeat-y; }
.big h2 { color: #0bb70b; }
.big-gap { padding-top: 30px; }

#Right { float: right; width: 250px; margin-left: 30px; }
#Right .logo { padding-bottom: 19px; }

#Right .violet-block,
#Right .green-block { cursor: pointer; margin-bottom: 20px; width: 250px; }
#Right .violet-block { margin-bottom: 13px; }
#Right .green-block .green-top,
#Right .green-block .green-bottom { width: 250px; height: 20px;
  background: transparent url('../images/green-block.gif') no-repeat center 0px; }
#Right .violet-block .violet-top,
#Right .violet-block .violet-bottom { width: 250px; height: 20px;
  background: transparent url('../images/violet-block.gif') no-repeat center 0px; }
#Right .violet-block .violet-bottom,
#Right .green-block .green-bottom { background-position: center -20px; }
#Right .violet-block:hover .violet-top,
#Right .green-block:hover .green-top { background-position: center -41px; }
#Right .violet-block:hover .violet-bottom,
#Right .green-block:hover .green-bottom { background-position: center -61px; }
#Right .violet-block h3,
#Right .green-block h3 { height: 21px; font-size: 16px; font-weight: normal; padding: 0; margin: 0 0 5px 0; border: 0; font-family: Arial,sans-serif!important; }
#Right .violet-block h3 { color: #8e4ea5;
  background: transparent url('../images/violet-arrow.gif') no-repeat right center;
}
#Right .green-block h3 {
  background: transparent url('../images/green-arrow.gif') no-repeat right center;
}
#Right .violet-block p,
#Right .green-block p { padding: 0; margin: 0; border: 0; font-size: 12px; }
#Right .green-block .green-inner { padding: 0 25px; background: #efffe8;
  border-left: 1px solid #b9e6a2; border-right: 1px solid #b9e6a2; }
#Right .green-block:hover .green-inner { padding: 0 25px; background: #e0ffd6;
  border-left: 1px solid #b0ec87; border-right: 1px solid #b0ec87; }
#Right .violet-block .violet-inner { padding: 0 25px; background: #fbebff;
  border-left: 1px solid #e0a3ef; border-right: 1px solid #e0a3ef; }
#Right .violet-block:hover .violet-inner { padding: 0 25px; background: #fbd9ff;
  border-left: 1px solid #da88f8; border-right: 1px solid #da88f8; }
#Right .green-block span { color: #0a7b98; text-decoration: underline; }
#Right .register-top,
#Right .register-bottom { width: 250px; height: 18px; background: transparent url('') no-repeat; }
#Right .register-top { background-image: url('../images/red-block-top.gif'); }
#Right .register-bottom { background-image: url('../images/red-block-bottom.gif');
  margin-bottom: 30px; }
#Right .register { padding: 0 25px 0 25px; width: 200px; font-size: 12px;
  background: #fff7f7 url('../images/red-block-line.gif') repeat-y center center; }
#Right .register .icon { padding-left: 40px;
  background: transparent url('../images/watch-out.gif') no-repeat left top; }
#Right .register .left { margin: 0px 8px 5px 0px; }

#Right .register ul {
  padding-top: 15px;
  padding-bottom: 5px;
}

#Right .register li {
  margin-left: 20px;
  padding-bottom: 10px;
}

.blue-top,
.blue-bottom,
.grey-top,
.grey-bottom { width: 250px; height: 20px; background: transparent url('') no-repeat; }
.blue-top { background-image: url('../images/blue-block-top.gif'); }
.grey-top { background-image: url('../images/grey-block-top.gif'); }
.blue-bottom { margin-bottom: 25px; background-image: url('../images/blue-block-bottom.gif'); }
.grey-bottom { margin-bottom: 25px; background-image: url('../images/grey-block-bottom.gif'); }
.blue { padding: 0px 25px 0px 25px; width: 200px;
  background: transparent url('../images/blue-block-line.gif') repeat-y; }
.grey { padding: 0px 25px 0px 25px; width: 200px; color: #666;
  background: transparent url('../images/grey-block-line.gif') repeat-y; }

.blue h2.login { padding-left: 37px;
  background: transparent url('../images/key.gif') no-repeat left 6px }
.blue h2.user, .grey h2.user { padding-left: 28px; padding-bottom: 0px;
  background: transparent url('../images/user-icon.gif') no-repeat left 2px; }
.blue h2.usable { padding-left: 28px;
  background: transparent url('../images/good-icon.gif') no-repeat left 0px;
  border-bottom: 1px solid #a4d1dd; }
.blue h2.nearest { padding-left: 28px;
  background: transparent url('../images/work-out-icon.png') no-repeat left 3px; }

.user-info { margin: 8px 0 0 28px; }
.user-info td { border: 0px; padding: 1px 8px 0 1px; margin: 0; }

.blue .near-message,
.grey .near-message { border-bottom: 1px solid #a4d1dd; padding: 8px 0px; font-size: 12px; }

.blue p, .grey p { padding: 0 7px 10px 0; font-size: 12px; line-height: 120%; }

.abonent-form { padding: 10px 15px; border-top: 1px solid #b3dfea; }

.red-top { padding: 0; margin: 0; width: 670px; height: 20px;
  background: transparent url('../images/red-top.jpg') no-repeat center center; }
.red { width: 670px; font-size: 12px;
  background: transparent url('../images/red-line.jpg') repeat-y center center; }
.red-bottom { padding: 0; margin: 0; width: 670px; height: 20px;
  background: transparent url('../images/red-bottom.jpg') no-repeat center center; }
.red .icon { padding: 0px 15px 0px 65px;
  background: transparent url('../images/watch-out.gif') no-repeat 15px top; }

.red-in-blue-top { padding: 0; margin: 0; width: 200px; height: 18px;
  background: transparent url('../images/red-in-blue-top.gif') no-repeat center center; }
.red-in-blue { font-size: 12px; padding: 0 18px;
  background: transparent url('../images/red-in-blue-line.gif') repeat-y center center; }
.red-in-blue img { margin: 0 7px 3px 0; }
.red-in-blue-bottom { padding: 0; margin: 0; width: 200px; height: 18px;
  background: transparent url('../images/red-in-blue-bottom.gif') no-repeat center center; }

#Filter { padding: 0 15px; margin-bottom: 30px; height: 41px;
  background: transparent url('../images/filter-place.gif') no-repeat; }
#Filter * { vertical-align: middle; }
#Filter .left,
#Filter .right { line-height: 41px; height: 41px; }
input.revert,
input.filter { background: transparent url('../images/filter-button.gif') no-repeat;
  border: 0px; color: #fff;  padding: 0 0 2px 0; font-size: 14px; width: 86px; font-weight: bold;
  cursor: pointer; text-align: center; height: 21px; }
input.revert { color: #666; background-image: url('../images/revert-button.gif'); }
#Filter select { width: 100px; }

.blue .near { padding: 7px 12px; border-bottom: 1px solid #a4d1dd; }
.blue .undeletable { background-color: #fff; }
.blue .near .delete { padding: 2px 0 4px 0; text-align: right; }
.blue .near .day { font-size: 12px; padding-bottom: 0px; }
.blue .near .info { font-size: 12px; font-weight: bold; padding-bottom: 3px; }
.blue .near a.delete { color: #d4000f; border: 0; margin: 0; text-align: left; cursor: pointer;
  font-size: 10px;
  background: transparent url('../images/delete-list-icon.gif') no-repeat right center;
  padding-right: 19px; }
.blue .near .waiting { float: right; font-size: 10px;  }
.blue .near .waiting a { text-decoration: underline; font-weight: normal; color: #666; }
.blue .near .waiting a:hover { text-decoration: none; }
.blue .near a.remove { padding-right: 15px; font-weight: normal; color: #666; text-decoration: none;
  background: transparent url('../images/delete-other.gif') no-repeat center right; }
.blue .not-icon { position: relative; z-index: 2; margin: 0 0 -6px 180px;
  background: transparent url('../images/not-not.png') no-repeat center center; width: 16px; height: 16px;
}
.blue .waiting-msg { border: 1px solid #d4000f; margin: 10px 0; font-size: 12px; padding: 5px; }
.near-paging { padding: 3px 7px 0 7px; text-align: center; line-height: 18px; }
.near-paging a { font-size: 12px; line-height: 18px; }
.near-paging a.active { font-weight: bold; color: #000; text-decoration: none; }
.near-paging span { padding: 0 4px; color: #a4d1dd; line-height: 18px; }

.nearest-menu { list-style-type: none; height: 29px; font-size: 12px; margin-bottom: 5px;
  border-bottom: 1px solid #a4d1dd; border-top: 1px solid #a4d1dd; }
.nearest-menu li:hover { text-decoration: none; }
.nearest-menu li { float: left; line-height: 29px; width: 100px; cursor: pointer;
  text-decoration: underline; color: #666;
  background: transparent none repeat-x center center; text-align: center; }
.nearest-menu li.active { float: left; background-image: url('../images/nearest-line.gif');
  font-weight: bold; color: #fff; border-left: 1px solid #42b0cc; border-right: 1px solid #42b0cc;
  width: 98px; text-decoration: none; }

.usable .active,
.usable .inactive { padding: 7px 12px; border-bottom: 1px solid #a4d1dd; }
.usable .active { color: #008300; }
.usable .inactive { color: #d4000f; }
.usable .inactive a { color: #d4000f; }
.usable .right { padding-right: 3px; }
.usable .inactive .right { padding: 5px 0 0 0; width: 25px; height: 20px; text-align: center;
  background: transparent url('../images/month-buble-red.gif') no-repeat right center; }
.usable .active .right { padding: 5px 0 0 0; width: 25px; height: 20px; text-align: center;
  background: transparent url('../images/month-buble-green.gif') no-repeat right center; }
.usable .left { font-size: 12px; font-weight: bold; }
.usable .active .left { padding-top: 6px; }
.usable span { font-size: 12px; font-weight: normal; padding-top: 1px; }

ul.stimulus { list-style-type: none; padding: 8px 0; margin: 0; }
ul.stimulus li { padding: 4px 14px;
  background: transparent url('../images/list-item.gif') no-repeat left center; }
ul.stimulus span { color: #0bb70b; font-weight: bold; }

.months-stats { line-height: 150%; }
.months-stats .no-payment { padding-bottom: 5px; }
.months-stats .active,
.months-stats .inactive { border-top: 1px solid #b3dfea; padding: 10px 15px; }

.months-stats .active { background-color: #fff; }
.months-stats .inactive {}

.months-stats .months { font-weight: bold; }
.months-stats .inactive .months { color: #d4000a; }
.months-stats div.need-to-pay { color: #d4000a; font-size: 12px; line-height: 120%; }

.months-stats .right { padding-top: 0px; }
.months-stats a.delete { color: #c30009; border: 0; margin: 0; text-align: left; cursor: pointer;
  background: transparent url('../images/delete.png') no-repeat left center; padding-left: 16px; }

.months-stats table { padding: 0; margin: 0; }
.months-stats td { padding: 0 0 0 0; margin: 0; border: 0; font-size: 14px; }

.months-stats table { width: 580px; border-collapse: collapse; padding: 0; margin: 0; }
.months-stats table .time { width: 195px; }
.months-stats table .total-label { width: 55px; }
.months-stats table .total { width: 25px; color: #666; font-weight: bold; }
.months-stats table .used-label { width: 75px; padding-left: 20px; }
.months-stats table .used { width: 25px; color: #d4000a; font-weight: bold; }
.months-stats table .left-label { width: 45px; padding-left: 15px; }
.months-stats table .left { width: 25px; color: #0bb70b; font-weight: bold; }
.months-stats table .remove { width: 100px; text-align: right; }

form.reservation {
}

form.reservation input { width: 151px; margin: 12px 0px; padding: 0px 0 2px 2px; font-size: 12px; color: #666; }
form.reservation .submit { width: 15px; height: 15px; margin: 12px 0px; padding: 0; border: 0px;
  background: transparent url('../images/add-other.gif') no-repeat center center; cursor: pointer; }

.reservation-other { color: #666; padding: 5px 0; font-weight: normal; }
.other-delete { padding: 0px 7px; margin: 0px; text-decoration: none;
  background: transparent url('../images/delete-other.gif') no-repeat center center; }

#Message p { padding: 0 0 14px 0; font-size: 12px; }
#Message { padding: 15px 20px 4px 20px!important; }

#News {}
#News h2 { padding: 0; margin: 0; }
#News .entry { padding: 0 0 30px 0; }
#News h2 a { color: #0bb70b; text-decoration: none; }
#News h2 a:hover { text-decoration: underline; }
#News .date { font-size: 12px; color: #888; padding: 5px 0 10px 0; }
#News p { line-height: 150%; font-size: 12px; }
#News a.more { font-size: 12px; }
.more-entries { padding: 0 0 10px 0; text-align: right; }
.more-entries a { font-size: 16px; }