/*********         Health Plus Style Sheet         *********/
/*********          by Radek Hrbacek 2006          *********/
/*********             hrbi@i-w-s.info             *********/
/*********    copyright 2006 Illusion Workshop     *********/

html {background-image: url('bg-html.gif'); font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; font-size: 0.8em; padding: 0px; margin: 0px;}
body {width: 798px; margin: auto; margin-top: 10px; padding: 0px;}

table {margin-top: 10px;}
td, th {text-align: left; vertical-align: top;}
ul {margin-left: 0px; padding-left: 20px; list-style: square;}
ol {margin-left: 0px; padding-left: 20px;}

h3 {margin: 10px 0px 0px 0px;}

a, a:link {color: #aa2d27; text-decoration: underline;}
a:hover {text-decoration: none;}
a img {border: none;}

input, textarea {border: 1px solid #FFA7A1; color: #555555;}
input:hover, textarea:hover {color: black;}
input:focus, textarea:focus {border: 1px solid #C13C33; color: black;}
input.btn {background-color: #FFA7A1; border: none; color: black; cursor: pointer;}
input.btn:hover, input.btn:focus {background-color: #C13C33; color: white;}

#loginform label {display: block; float: left; width: 100px; padding: 1px 5px;}
#loginform input {margin: 1px;}

/**** Page structure ****/
#top {background-image: url('bg-top.gif'); background-repeat: no-repeat; height: 207px;}
h1#logo {width: 214px; height: 202px; float: left; margin: 0px; background: url('logo.jpg') no-repeat 27px 27px;}
h1#logo span {display: none;}
h1#logo a {width: 186px; display: block; height: 175px; margin-top: 27px; margin-left: 27px; text-decoration: none; cursor: pointer;}

#head1 { width: 579px; float: right; background-image: url('header1.jpg'); background-repeat: no-repeat; background-position: left 27px; height: 202px;}
#head2 {width: 579px; float: right; background-image: url('header2.jpg'); background-repeat: no-repeat; background-position: left 27px; height: 202px;}
#head3 {width: 579px; float: right; background-image: url('header3.jpg'); background-repeat: no-repeat; background-position: left 27px; height: 202px;}
#head4 {width: 579px; float: right; background-image: url('header4.jpg'); background-repeat: no-repeat; background-position: left 27px; height: 202px;}

#content {margin: 0px; padding-left: 27px; background-image: url('bg-content.gif');}
#skip-navigation {display: none;}
#content-left {width: 186px; float: left; margin-bottom: 35px;}

/** Top menu **/
#menu1 {padding: 0px; margin: 0px; list-style: none;}
#menu1 li {width: 186px; height: 29px;}
#menu1 li.first {width: 186px; height: 42px;}
#menu1 li.last {width: 186px; height: 44px;}
#menu1 li a {width: 170px; padding-top: 5px; padding-right: 16px; display: block; color: rgb(66, 68, 0); font-weight: bold; text-decoration: none; text-align: right; height: 24px; background-image: url('menu1-middle.jpg'); background-position: left top;}
#menu1 li.first a {width: 170px; padding-top: 18px; display: block; height: 24px; background-image: url('menu1-top.jpg');}
#menu1 li.last a {width: 170px; display: block; height: 39px; background-image: url('menu1-bottom.jpg');}
#menu1 li a:hover, #menu1 li:hover a, #menu1 li.hover a, #menu1 li.first a:hover, #menu1 li.first:hover a, #menu1 li.last a:hover, #menu1 li.last:hover a {background-position: left bottom;}
#menu1 a > #menu1 ul li:hover {background-position: left bottom;}
#menu1 ul {position: absolute; margin-left: 186px; margin-top: -29px; padding: 0px; list-style: none; visibility: hidden;}
#menu1 li.last ul {margin-top: -44px;}
* html #menu1 li.submenu {margin-bottom: -4px;}
#menu1 li:hover ul, #menu1 li.hover ul {visibility: visible;}
#menu1 ul li, #menu1 li.first li, #menu1 ul li.last li {height: 25px; background-image: none;}
#menu1 ul li a, #menu1 li.first li a, #menu1 li.last li a {height: 17px; padding: 4px 5px 4px 15px; text-align: left; background-image: none !important; background-color: rgb(199, 250, 123) !important; opacity: 0.9;}
#menu1 ul li a:hover, #menu1 li.first li a:hover, #menu1 li.last li a:hover {background-image: none !important; background-color: #f9fa68 !important;}

/** Search form **/
form#find {width: 186px; height: 75px; padding: 0px; margin: 0px; background-image: url('find.jpg'); text-align: right; overflow: hidden;}
form#find label {display: none;}
form#find input.text {border: none; width: 169px; margin: 15px 8px 3px 8px; background-color: transparent; color: rgb(66, 68, 0); height: 20px; font-size: 0.95em;}
form#find input.submit {margin: 2px 5px 0px 0px; border: none; background-color: transparent; color: rgb(66, 68, 0); font-weight: bold; cursor: pointer;}

/** Bottom menu **/
#menu2 {padding: 0px; margin: 0px; list-style: none;}
#menu2 li {width: 186px; height: 28px;}
#menu2 li.first {width: 186px; height: 38px;}
#menu2 li.last {width: 186px; height: 44px;}
#menu2 li a {width: 170px; padding-top: 5px; padding-right: 16px; display: block; background-image: url('menu2-middle.jpg'); background-position: left top; color: rgb(66, 68, 0); font-weight: bold; text-decoration: none; text-align: right; height: 23px;}
#menu2 li.first a {width: 170px; padding-top: 15px; display: block; background-image: url('menu2-top.jpg'); height: 23px;}
#menu2 li.last a {width: 170px; padding-top: 5px; display: block; background-image: url('menu2-bottom.jpg'); height: 39px;}
#menu2 li a:hover, #menu2 li.first a:hover, #menu2 li.last a:hover {background-position: left bottom;}

#content-left small {position: absolute; margin: 10px 15px 0px 15px; display: block; font-size: x-small; text-transform: uppercase; text-align: center; color: rgb(94, 94, 94);}
* html #content-left small {position: static; margin: 10px 5px 0px 5px;}
#content-left small strong {color: #b2312b; font-weight: bold;}

#iws {padding: 3px 20px 1px 0px; background-image: url('kosticka.gif'); background-repeat: no-repeat; background-position: right; color: #ffeb00; font-weight: bold; text-decoration: none;}
#iws:hover {text-decoration: underline;}

/** Content **/
#content-right {width: 553px; margin-left: 192px;}
* html #content-right {margin-left: 189px;}
#content-right-top {background-image: url('content-top.jpg'); background-repeat: no-repeat; background-position: right; height: 63px;}
#content-right-top hr {display: none;}
#content-right-top h2 {margin: 10px 20px 0px 20px; color: rgb(69, 179, 216); font-weight: normal; font-size: 1.6em;}

#path {padding-top: 5px; font-size: 0.85em; text-align: center; color: rgb(133, 133, 133);}
#path a {color: rgb(133, 133, 133); text-decoration: none;}
#path a:hover {text-decoration: underline;}

#content-right-main {padding: 5px 20px 0px 20px; color: rgb(54, 54, 54); font-size: 0.9em;}
#content-right-main p {margin: 5px 0px 0px 0px;}
#content-clear {clear: both; padding: 0px; height: 1px;}

/** Bottom **/
#bottom {clear: both; background-image: url('bg-bottom.gif'); background-repeat: no-repeat; height: 55px; margin: 0px 0px 10px 0px;}
#bottom hr {display: none;}

/** GuestBook **/
.guestbook-item {background-image: url('middle_1.gif'); margin: 7px 0px;}
.guestbook-item p {padding: 0px 4px 4px 10px; margin: 0px;}
.guestbook-item h3 {margin: 0px; height: 20px; padding: 8px 15px 8px 10px; font-size: x-small; text-align: right; background-image: url('top_1.gif'); background-position: top; background-repeat: no-repeat;}
.guestbook-item h3 small {font-size: x-small;}
.guestbook-item h3 a, .guestbook-item-perm {color: rgb(69, 179, 216) !important;}
.guestbook-item h3 a:hover, .guestbook-item-perm:hover {color: #aa2d27 !important;}
.guestbook-item h3 span {float: left; font-size: 1.1em;}
.guestbook-item-bottom {height: 16px; padding: 10px !important; background-image: url('bottom_1.gif'); background-position: bottom; background-repeat: no-repeat; font-size: 0.95em; color: rgb(133, 133, 133); text-align: right;}
.guestbook-item-bottom a:hover {color: rgb(69, 179, 216);}
.guestbook-item-bottom span {float: left;}
.guestbook-item-replies {text-align: right; padding-right: 10px;}

#guestbook-form {margin: 10px 0px 0px 0px; background-image: url('form.gif');}
#guestbook-form fieldset {border: none; padding: 0px; margin: 0px;}
#text {width: 500px; margin: 6px;}
#guestbook-form input, #guestbook-form textarea {background-color: white; border: 1px solid rgb(199, 250, 123);}
#guestbook-form input:focus, #guestbook-form textarea:focus {border: 1px solid #f9fa68;}
#guestbook-form input {margin: 1px;}
* html #guestbook-form input {margin: 0px;}
#guestbook-form label {width: 115px; float: left; padding-right: 8px; text-align: right; text-transform: lowercase; color: rgb(66, 68, 0);}
#guestbook-form-send {float: right; position: relative; top: -88px; right: 90px; width: 86px; height: 86px  !important; background-color: #e4f7d0 !important; border: none !important; padding: 0px; cursor: pointer;}
#guestbook-form-send:hover, #guestbook-form-send:focus {background-color: #a6e560 !important;}
* html #guestbook-form-send {top: -87px; right: 80px; height: 87px;}

/** Other Styles **/
.hidden {display: none;}
.bold {font-weight: bold;}

/** Intranet section **/
.doclib-file {margin: 7px 0px;}
.doclib-file h4 {display: inline; margin: 0px; margin-left: 2px; font-size: 1em; background-position: top; background-repeat: no-repeat;}
.doclib-file h4 a {color: rgb(69, 179, 216) !important;}
.doclib-file h4 a:hover {color: #aa2d27 !important;}
.doclib-file span {margin-left: 1em; color: rgb(133, 133, 133);}

.contacts-category {margin-top: 20px;}
.contacts-category h3 {margin-bottom: 5px;}
.contacts-category table {border-collapse: collapse;}
.contacts-category table td, .contacts-category table th {border: 1px solid Black; padding: 3px;}

.white-board-item {background-image: url('middle_1.gif'); margin: 7px 0px;}
.white-board-item p {padding: 4px 10px 4px 10px; margin: 0px;}
.white-board-item h3 {margin: 0px; height: 20px; padding: 8px 15px 8px 10px; font-size: x-small; text-align: right; background-image: url('top_1.gif'); background-position: top; background-repeat: no-repeat;}
.white-board h3 small {font-size: x-small;}
.white-board-item h3 a {color: rgb(69, 179, 216) !important;}
.white-board-item h3 a:hover {color: #aa2d27 !important;}
.white-board-item h3 span {float: left; font-size: 1.1em;}
.white-board-item-bottom {height: 16px; padding: 0px 10px 10px 10px !important; background-image: url('bottom_1.gif'); background-position: bottom; background-repeat: no-repeat; font-size: 0.95em; color: rgb(133, 133, 133); text-align: right;}
.white-board-item-bottom a:hover {color: rgb(69, 179, 216);}
.white-board-item-bottom span {float: left;}
.white-board-item-files {padding: 5px 10px 0px 10px;}
.white-board-item-files a {color: #45B3D8; font-size: 0.95em;}
.white-board-item-files a:hover {color: #AA2D27;}
.white-board-item-files span {color: #858585; font-size: 0.95em; padding-left: 10px;}

#white-board-show {display: none;}
#white-board-hide {font-weight: bold;}
#white-board-form {position: relative; margin: 10px 0px 0px 0px; background-image: url('form.gif');}
#white-board-form fieldset {border: none; padding: 0px; margin: 0px;}
#white-board-form textarea {width: 500px; margin: 6px;}
#white-board-form input, #white-board-form textarea {background-color: white; border: 1px solid rgb(199, 250, 123);}
#white-board-form input:focus, #white-board-form textarea:focus {border: 1px solid #f9fa68;}
#white-board-form input {margin: 1px;}
* html #white-board-form input {margin: 0px;}
#white-board-form label {width: 115px; float: left; padding-right: 8px; text-align: right; text-transform: lowercase; color: rgb(66, 68, 0);}
#mail-notification-label {width: 200px !important; float: none !important; padding: 5px 0px 0px 5px !important;}
#mail-notification {margin: 5px 0px 0px 105px !important; border: none !important;}
#white-board-form-send {float: right; position: relative; top: -63px; right: 133px; width: 43px; height: 43px !important; background-color: #e4f7d0 !important; border: none !important; padding: 0px; cursor: pointer;}
#white-board-form-send:hover, #white-board-form-send:focus {background-color: #a6e560 !important;}
* html #white-board-form-send {top: -70px; right: 123px; height: 43px;}
#white-board-doclib {display: none; position: absolute; top: 20px; left: 50px; background-color: #E1E9EC; opacity: 0.9; padding: 4px}

p.gallery a {display: block; float: left; width: 240px; padding: 5px; text-align: center;}
p.gallery a:hover {background-color: rgb(117, 193, 225);}

dl.glossary dt {font-weight: bold;}
dl.glossary dd {
  margin-bottom: 0.5em;
}