body {margin: 0px; color: rgb(35,31,32); background-color: silver;}

a {color: rgb(0,122,195);}
a:hover {color: black;}

textarea, input {font-size: 100%; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}

h2 {display: block; font-size: 120%; font-weight: normal; display: block;}

.clear {clear: both; font-size: 1px; line-height: 1px; height: 1px;}
.clearLeft {clear: left; font-size: 1px; line-height: 1px; height: 1px;}
.clearRight {clear: right; font-size: 1px; line-height: 1px; height: 1px;}

img[align|="left"] {margin: 5px 10px 0px 0px;} 
img[align|="right"] {margin: 5px 0px 0px 10px;} 

.back {margin-bottom: 10px;}

.disabled {background-color: lightgray; color: darkgray;}

.displayNone { display: none; }

#mainContent .label {display: block; padding: 0px; margin: 0px;  line-height: normal;}
#mainContent .inputItem {margin-top: 0px; line-height: normal; border: silver 1px solid;}
#mainContent input, label {margin: 0px; line-height: normal; top: 0px;}

#mainContent .form .label { font-size: 90%; color: Gray; margin-top: 3px; font-weight: normal; }
#mainContent .form label { font-weight: normal; }

/* ************ page *********** */

#page {width: 950px; margin: auto; text-align: left; background-color: White;}
#page .backgroundPage {background-image: url('/images/page-bg.gif'); background-position: top left; background-repeat: repeat-y;}
#page .backgroundPageNoRightColumn {background-image: url('/images/page-bg-norightcolumn.gif'); background-position: top left; background-repeat: repeat-y;}


/* ************ header *********** */

#header {position: relative; height: 141px; background-color: rgb(0,122,195); background-image: url('/images/header.png'); background-repeat: no-repeat; background-position: top left;}
#header .logo {position: absolute; z-index: 2;  top: 12px; left: 70px;}
#header .webTitle {position: absolute; top: 20px; left: 180px; font-size: 180%; color: white; text-decoration: none; z-index: 0;}
#header .webTitle a {text-decoration: none; color: white;}

#header .searchBox {position: absolute; bottom: 60px; right: 10px; color: white; text-align: left;}
#header .searchBox .label {display: block;}
#header .searchBox .inputItem {border: 0px; margin: 0px;}
#header .searchBox .button {top: 0px; border: 0px; cursor: pointer; font-weight: normal; font-size: 95%; color: black; margin: 0px 0px 0px 3px; padding: 1px 4px 1px 4px; background-color: rgb(250,192,31);}
#header .searchBox .button:hover {color: white;}

#header .languageSwitch {position: absolute; top: 10px; right: 5px; z-index: 89;}
#header .languageSwitch a {margin-right: 6px; color: White; font-size: 90%;}
#header .languageSwitch a:hover {color: rgb(350,192,31);}


/********************* member box **********************/

#menu .memberBox {float: right; padding: 0px 0px 0px 10px; margin: 0px 10px 0px 0px; color: black;}
#menu .memberBox .memberBoxItem {border: none; float: right; padding: 0px 10px 0px 10px; border-left: 1px solid rgb(35,31,32);}

/* ************ menu homepage*********** */

#menu {margin: 0px; padding: 3px 0px 2px 0px; background: rgb(350,192,31); line-height: normal;}
#menu ul {float: left; margin: 0; padding: 0px; list-style: none;}
#menu ul li {display: inline; margin: 0px; padding: 0px;}
#menu a {float: left; margin: 0px; padding: 0px 10px 0px 10px; font-size: 110%; text-decoration: none; font-weight: bold; border-right: 1px solid rgb(35,31,32); color: black;}
#menu a:hover {color: white;}

/* ****************** left column *********** */

#leftColumn {margin: 0px; padding: 0px; width: 185px; border-right: 1px solid rgb(192,192,192);}
#leftColumn .box {margin: 0px; padding: 10px; background-color: white; font-size: 90%;}

#leftColumn #interestBox {}
#leftColumn #interestBox h3.interest {background-image: url('/images/ico-interest.png'); background-repeat: no-repeat; background-position: 8px 3px;}
#leftColumn #interestBox .articleTitle {display: block; font-weight: bold; padding-bottom: 3px;}
#leftColumn #interestBox .perexImage {display: block; text-align: center; padding-bottom: 3px;}
#leftColumn #interestBox .articlePerex {text-align: left;}
#leftColumn #interestBox .hrefMore {text-align: right;}
#leftColumn #interestBox.ui-widget-content {border: none; background: transparent;}
#leftColumn #interestBox .ui-tabs .ui-tabs-hide {display: none;}
#leftColumn #interestBox .ui-tabs-nav {display: none;}
#leftColumn #interestBox .ui-tabs-panel {border: none;}
#leftColumn #interestBox .ui-tabs-selected {}
#leftColumn #interestBox .interestNavigation {text-align: center; font-size: 90%;}
#leftColumn #interestBox .interestNavigation a {color: rgb(0,122,195);}

#rightColumn #advertVzdelanyZastupitel {}
#rightColumn #advertVzdelanyZastupitel .articleTitle {display: block; font-weight: bold; padding-bottom: 3px;}
#rightColumn #advertVzdelanyZastupitel .perexImage {display: block; text-align: center; padding-bottom: 3px;}
#rightColumn #advertVzdelanyZastupitel .articlePerex {text-align: left;}
#rightColumn #advertVzdelanyZastupitel .hrefMore {text-align: right;}
#rightColumn #advertVzdelanyZastupitel.ui-widget-content {border: none; background: transparent;}
#rightColumn #advertVzdelanyZastupitel .ui-tabs .ui-tabs-hide {display: none;}
#rightColumn #advertVzdelanyZastupitel .ui-tabs-nav {display: none;}
#rightColumn #advertVzdelanyZastupitel .ui-tabs-panel {border: none;}
#rightColumn #advertVzdelanyZastupitel .ui-tabs-selected {}
#rightColumn #advertVzdelanyZastupitel .advertVzdelanyZastupitelNavigation {text-align: center; font-size: 90%;}
#rightColumn #advertVzdelanyZastupitel .advertVzdelanyZastupitelNavigation a {color: rgb(0,122,195);}

#leftColumn h3.survey {background-image: url('/images/ico-survey.png'); background-repeat: no-repeat; background-position: 8px 3px;}
#leftColumn .box .hrefViewAll {text-align: right; margin: 0px; padding: 0px;}

     
/* ************ left menu ******************* */
      
#leftMenu {margin: 20px 0px 10px 10px; padding: 0px; line-height: normal; list-style:none;}
#leftMenu a {display: block; margin: 2px 0px 2px 0px; padding: 2px 0px 2px 5px; text-decoration: none; color: rgb(0,122,195); font-weight: bold;}
#leftMenu ul, #leftMenu ul li ul {margin: 0px; padding: 0px;}
#leftMenu ul li {display: block;}
#leftMenu ul li .indent { padding-left: 15px; }

#leftMenu .submenu {display: block; padding: 0px 0px 0px 10px; margin: 0px; list-style: none;}
#leftMenu .submenu a {display: block; height: auto; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 5px; text-decoration: none;  font-weight: normal; font-size: 95%;}
#leftMenu .submenuHidden {display: none;}

#leftMenu .current {background-color: rgb(0,122,195); color: white;}
#leftMenu a:hover {background-color: rgb(230,230,230); color: rgb(0,122,195);}


/* ************ right column **************** */

#rightColumn {margin: 10px 0px 0px 0px; padding: 0px; width: 189px; border-left: 1px solid rgb(192,192,192);}

#rightColumn .title, #leftColumn h3.title {color: rgb(90,90,90); background-color: rgb(240,240,240); padding: 5px 5px 5px 30px; margin: 10px 0px 0px 0px; font-size: 100%; font-weight: bold;}
#rightColumn .box {margin: 0px; padding: 10px 10px 0px 10px; background-color: white; font-size: 90%;}

#rightColumn .ourPartners {background-image: url('/images/ico-our-partners.png'); background-repeat: no-repeat; background-position: 8px 3px;}
#rightColumn .ourPartners .box p {margin: 0px; padding: 0px;}
#rightColumn .ourEvents {background-image: url('/images/ico-our-events.png'); background-repeat: no-repeat; background-position: 8px 3px;}
#rightColumn .ourEvents .box p {margin: 0px; padding: 0px;}
#rightColumn .newsletter {background-image: url('/images/ico-newsletter.png'); background-repeat: no-repeat; background-position: 8px 3px;}

#rightColumn .consulting {background-image: url('/images/ico-consulting.png'); background-repeat: no-repeat; background-position: 8px 3px;}
#rightColumn .box .boxQuestion {margin-bottom: 10px;}
#rightColumn .box .boxQuestion a {text-decoration: none; color: #000000;}

#rightColumn .calendar {background-image: url('/images/ico-calendar.png'); background-repeat: no-repeat; background-position: 8px 3px;}
#rightColumn .box .scheduleList {}
#rightColumn .box .scheduleList td {padding: 0px;}
#rightColumn .box .scheduleList H4, .scheduleList H2 {padding: 0px; margin: 0px; font-size: 100%; font-weight: bold;}
#rightColumn .box .scheduleList .scheduleDate {display: block; text-align: left; color: Gray;}
#rightColumn .box .scheduleList .scheduleDescription {padding: 0px 0px 5px 0px; margin: 0px;}

#rightColumn .box .hrefViewAll {text-align: right;}

#rightColumn .address {background-image: url('/images/ico-contact.png'); background-repeat: no-repeat; background-position: 8px 3px;}

/********************* article ****************************/

#mainContent {margin: 20px 0px 0px 10px;}


/********************* article ****************************/

#article {}
#article .sectionTitle a {text-decoration: none; color: gray;}
#article .articleTitle {color: black; margin: 0px; padding: 0px; font-size: 170%; font-weight: normal;}
#article .publishDate {float: right; font-size: 90%; color: Gray;}

#article .multimedia {clear: both;}
#article .multimedia .multimediaList {border: none;}
#article .multimedia .multimediaList td {border: none;}
#article .multimedia .multimediaList .item {vertical-align: top; text-align: center; padding-bottom: 20px;}
#article .multimedia .multimediaList .item .title {display: block; font-size: 90%;}
#article .multimedia .multimediaList .item .image {border: solid 1px silver;}

#article .download {clear: both;}
#article .download .downloadList {width: auto; border: none;}
#article .download .downloadList td {border: none;}

/********************* section ****************************/

#section {position: relative;}
#section .sectionTitle {color: rgb(192,192,192); margin: 0px; padding: 0px; font-size: 170%; font-weight: normal;}
#section .sectionPerex {margin-top: 10px; border-bottom: dotted 1px silver;}

#section .articleList {width: 100%;}
#section .articleList td {padding: 10px 0px 10px 0px; border-bottom: dotted 1px silver;}
#section .articleList .articleTitle {padding: 0px; margin: 0px; font-size: 110%;}
#section .articleList .publishDate {float: right; font-size: 90%; color: Gray;}
#section .articleList .perexImage {float: right; margin-left: 5px; border: solid 1px silver;}
#section .articleList .articlePerex p, #section .articleList .perex p  {margin: 0px; padding: 0px;}
#section .articleList .articleTitle a {padding-left: 20px; background-repeat: no-repeat; background-position: top left;}
#section .articleList .articleTitle a {background-image: url('/images/ico-document.png');}
#section .articleList .articleTitle a.protected {background-image: url('/images/ico-protected.png');}
#section .articleList .articleTitle a.download {background-image: url('/images/ico-download.png');}

#section .checkbox label {margin-left: 5px; margin-bottom: 2px;}

/********************* footer ****************************/
 
#partners {margin: 0px; border-top: 1px solid rgb(192,192,192); background-color: White;}
#partners .content {padding: 20px;}

#footer {text-align: left; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; background-color: rgb(0,122,195); color: White;}
#footer .rss {float: right;}
#footer .rss a {display: block; color: White; padding: 0px 5px 0px 20px; background-image: url('/images/rss.gif'); background-position: top left; background-repeat: no-repeat;}
#footer .copyright {padding-left: 10px;}
#footer .copyright .developer {text-decoration: none; color: White;}
#footer .copyright .developer:hover {text-decoration: underline;}


 /********************* scheduler ****************************/

.scheduleFilter {background-color: rgb(232,232,232); padding: 10px;}
.scheduleFilter table {border-collapse: collapse; width: auto;}
.scheduleFilter table td {vertical-align: top; padding: 10px 5px 0px 5px;}
.scheduleFilter .label {display: block;}
.scheduleFilter .button {border: solid 1px gray; padding: 0px 10px 0px 10px; margin-top: 2px;}

.scheduleList {width: 100%;}
.scheduleList .scheduleItem {border-bottom: dotted 1px silver; padding-bottom: 10px;}
.scheduleList .scheduleDate {font-size: 90%; color: black;}
.scheduleList .scheduleType {font-size: 90%; color: Gray;}

/****** login - public *****/

.loginDialog .inputItem {width: 220px;}
.loginDialog .lostPassword {float: right; font-size: 95%;}

/****** navigace - strankovani *****/

.navigation {
    margin: 5px 10px 5px 10px;
    text-align: center;
    padding-top: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C0C0C0;
}

.pageCounterNavigation {
}

.navigationPageNumber {
}

.navigationSelectedPage {
    color: #FFFFFF;
    background-color:  rgb(0,122,195);
	padding: 1px;
}

.navigationDisabled {
    text-decoration: none;
    color: #000000;
	padding-left: 5px;
}

.navigationEnabled {
	padding-left: 5px;
}

/***** consulting *****/

.faqSearch {background-color: rgb(232,232,232); padding: 10px 10px 5px 10px; margin-bottom: 20px; line-height: 1em;}
.faqSearch .label {display: block; padding-bottom: 2px;}
.faqSearch .inputItem {margin: 0px;}
.faqSearch .button {border: solid 1px gray; padding: 0px 10px 0px 10px; top: 0px; margin: 0px;}
.faqSearch .description {margin-top: 10px; font-size: 95%;}

.faqQuestion {padding: 5px 10px 5px 10px; color: #000000; background-color: #DDDDDD;}
.faqQuestion .faqDate {float: right; font-size: 90%;}
.faqQuestion .faqName {float: right; font-weight: bold; color: #808080; margin-right: 10px; font-size: 90%;}
.faqQuestion .faqTitle {font-size: 110%; font-weight: bold;}

.faqMore {float: right; padding: 5px 10px 5px 10px;}
.faqAnswer {padding: 5px 10px 5px 10px;}

.commands {
    margin: 5px 10px 5px 10px;
    text-align: center;
    padding-top: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C0C0C0;
}

.buttons {
    margin: 5px 10px 5px 10px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}

.highlight {
	font-weight: bold;
	background-color: Yellow;
}


/**************** welcome page *********************/

#newsRotator {position: relative;}
#newsRotator .welcomeNewsList {position: absolute; top: 0px; right: 0px; width: 249px; height: 332px; overflow: hidden; background-color: rgb(232,232,232); border: solid 1px rgb(232,232,232);}

#welcomeNewsPerex {position: relative; width: 300px; height: 330px; border: solid 1px rgb(232,232,232); overflow: hidden; z-index: 0;}
#welcomeNewsPerex .welcomeNewsPerex {padding: 10px;}
#welcomeNewsPerex .welcomeNewsPerex .photo {width: 280px; height: 200px; background-repeat: no-repeat; background-position: top center;}
#welcomeNewsPerex .welcomeNewsPerex .text {margin-top: 5px; height: 7.4em; overflow: auto; font-size: 90%;}
#welcomeNewsPerex .welcomeNewsPerex .moreInfo {padding-top: 10px; color: gray;}
#welcomeNewsPerex .welcomeNewsPerex .moreInfo a {float: right;}

#newsRotator.ui-widget-content {border: none; background: transparent;}
#newsRotator .ui-tabs-nav {background-color: rgb(232,232,232); border: none; padding: 0px;}
#newsRotator .ui-tabs-nav li {float: none; margin: 7px 5px 5px 0px; padding: 0px;}
#newsRotator .ui-tabs-nav a {text-align: left; white-space: normal; padding: 5px; margin: 0px;}
#newsRotator .ui-tabs-panel {border: none;}
#newsRotator .ui-tabs-selected {background-color: white; margin: 0px; z-index: 99; left: -1px; position: relative;}
#newsRotator ul {list-style: none; margin: 0px; padding: 0px;}
#newsRotator ul li {padding: 10px 0px 10px 40px;}

#section.welcomePage h1.sectionTitle {padding-bottom: 5px;}
#section.welcomePage h2.sectionTitle {margin: 20px 0px 0px 0px; background-color: #E8E8E8; padding: 2px 5px 2px 5px; color: Gray; font-size: 110%; font-weight: bold;}
#section.welcomePage h2.sectionTitle.consulting {background-image: url('/images/ico-consulting.png'); background-repeat: no-repeat; background-position: 3px 3px; padding-left: 23px; margin-bottom: 5px;}
#section.welcomePage h2.sectionTitle.document {background-image: url('/images/ico-document-bw.png'); background-repeat: no-repeat; background-position: 3px 3px; padding-left: 23px; margin-bottom: 5px;}

.faqWelcomePage .item {border-bottom: dotted 1px silver; padding-bottom: 10px; margin-bottom: 10px;}
.faqWelcomePage .item .faqDate {float: right; color: Gray; font-size: 90%;}
.faqWelcomePage .item .faqTitle {font-weight: bold;}
.faqWelcomePage .item .faqMore {float: none; text-align: right; margin: 0px; padding: 0px;}
.faqWelcomePage .viewAll {text-align: center; margin-bottom: 15px;}

/**************** site map *********************/

.siteMapDiv {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 550px;
    clear: both;
    overflow: auto;
}

.sitemap, .sitemap ul {
    list-style: none;
}

.sitemap a {
    text-decoration: none;
    color: #000080;
}

.sitemap .article a {
    font-style: italic;
    font-size: 0.9em;
    color: #000000;
}


.faqFromVisit {
    font-weight: bold;
    color: Red;
}

.newItem {
    border: 1px solid #FF0000;
}

/***************** newsletter archive ******************************/

.newsletterCover {display: block; position: relative; overflow: hidden; width: 105px; height: 150px; background-color: rgb(0,122,195); color: white; text-decoration: none; padding: 10px; margin-bottom: 5px;}
.newsletterCover .title {font-size: 8pt; font-weight: bold; display: block;}
.newsletterCover .volume {font-size: 10px; display: block;}
.newsletterCover .itemImage {position: absolute; bottom: 30px; left: 0px;}
.newsletterCover:hover {opacity:0.8;filter:alpha(opacity=80); color: White;}

.newsletterArchiveYears {margin: 10px 0px 20px 0px; padding: 0px; list-style: none;}
.newsletterArchiveYears li {float: left; padding-right: 10px;}
.newsletterArchiveYears li .selected {font-weight: bold;}

#rightColumn .newsletterCover {margin: auto; width: 135px; height: 190px; background-color: rgb(0,122,195); color: white;}
#rightColumn .newsletterCover .title {font-size: 10pt; background-color: Transparent; margin: 0px; padding: 0px; color: White;}
#rightColumn .newsletterCover .volume {font-size: 11px;}

#mainContent .registration fieldset {width: 470px; padding: 10px; margin: auto;}
#mainContent .registration legend {font-size: 100%; font-weight: normal; padding: 0px 10px 0px 10px;}
#mainContent .registration .label {display: block; padding-top: 10px;}
#mainContent .registration .label label {font-weight: normal; margin-left: 10px;}
#mainContent .registration .buttons {margin: 10px 0px 0px 0px; padding: 0px;}
#mainContent .registration .description {margin: 15px 0px 15px 0px; padding: 0px;}

#mainContent .registration .layoutRegistrationForm {}
#mainContent .registration .layoutRegistrationForm .separator {display: block; font-weight: bold; border-bottom: dotted 1px gray; margin: 30px 0px 0px 0px;}
#mainContent .registration .layoutRegistrationForm .textLabel {display: block; margin: 10px 0px 0px 0px;}
#mainContent .registration .layoutRegistrationForm .column1 .inputItem {width: 100%;}
#mainContent .registration .layoutRegistrationForm .column2 .inputItem {width: 100%;}
#mainContent .registration input.text, input.title, textarea, select {margin: 0px;width: 100%;}

.errorLabel {
    color: #AA0000;
    text-align: center;
    font-weight: bold;
    font-size: 90%;    
}

/***************** survey *****************/

.surveyBox {width: 100%;}
.surveyBox .question {display: block; text-align: left; font-weight: bold; border-bottom: solid 1px silver; margin-bottom: 3px;}
.surveyBox .question p {margin: 0px; padding: 0px;}
.surveyBox a {text-decoration: none;}
.surveyBox a .answer {display: block; text-decoration: underline;}
.surveyBox .footer {border-top: solid 1px silver; padding-top: 3px;}
.surveyBox .footer .votes {display: block;}
.surveyBox .footer .help {display: block;}

#archivSurveys {margin-top: 10px;}
#archivSurveys table {width: auto;}
#archivSurveys .surveyBox {width: 160px; margin-right: 30px;}
#archivSurveys td {vertical-align: top;}


/*************** map *********************/

#mapWindow {width: 100%; height: auto; background-color: White;}
#mapWindow #reduceMap {display: none; float: right;}
#mapWindow #reduceMap .reduce {background-image: url('/images/ico-close.png'); background-position: 100% 0%; background-repeat: no-repeat; padding-right: 20px;}
#mapWindow .gmapFilter {background-color: rgb(240,240,240);}
#mapWindow .gmapFilter h2 {background-color: rgb(200,200,200); padding: 2px 5px 2px 5px; margin: 0px; font-weight: bold; color: Black; font-size: 90%;}
#mapWindow .gmapFilter .content {padding: 10px; font-size: 90%;}
#mapWindow .gmapFilter .content .layout td {padding-right: 10px;}
#mapWindow .gmapFilter .button {font-size: 90%;}
#mapWindow .gmapFilter .result {font-weight: bold;}
#mapWindow .gmapFilter .inputItem {font-size: 100%;}
#mapTools {text-align: center; padding-top: 10px;}
#mapTools .enlarge {background-image: url('/images/ico-zoom.png'); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 20px;}
#mapLegend h4 {font-size: 100%; font-weight: bold; border-bottom: solid 1px gray;}
#mapLegend .ico {text-align: center;}
#mapLegend td {padding-top: 5px;}

.button, .submit {
    background-color: rgb(204,204,204);
    border-top: solid 2px rgb(227,227,227);
    border-left: solid 2px rgb(224,224,224);
    border-right: solid 2px rgb(185,185,185);
    border-bottom: solid 2px rgb(182,182,182);
    padding: 2px 10px 2px 10px;
}

/***** RUD Calculator ******/

#rudCalculator h1 {color: black; margin: 0px 0px 30px 0px; padding: 0px; font-size: 170%; font-weight: normal;}

#rudCalculator .calculatorHeader {
    width: 320px;
    margin: auto;
    padding: 5px 20px 5px 20px;
    color: rgb(102, 102, 102);
    background-color: rgb(204,204,204);
    border-top: solid 2px rgb(227,227,227);
    border-left: solid 2px rgb(224,224,224);
    border-right: solid 2px rgb(185,185,185);
    border-bottom: solid 2px rgb(182,182,182);
}

#rudCalculator .calculator {
    width: 420px;
    margin: auto;
    padding: 20px;
    background-color: rgb(179,215,238);
    border-top: solid 2px rgb(227,227,227);
    border-left: solid 2px rgb(224,224,224);
    border-right: solid 2px rgb(185,185,185);
    border-bottom: solid 2px rgb(182,182,182);
    position: relative;
}

#rudCalculator .label {color: rgb(102, 102, 102);}
#rudCalculator .layout {border-collapse: collapse;}
#rudCalculator .cityName {font-size: 18px; width: 340px; font-weight: bold;}
#rudCalculator .button {width: 80px; line-height: normal; top: 0px; padding-left: 0px; padding-right: 0px; background-color: rgb(0,121,198); color: White;}
#rudCalculator #rudResult {margin-top: 20px; width: 100%;}
#rudCalculator #rudResult td {vertical-align: top; font-weight: bold;}
#rudCalculator #rudResult td.valueTable {text-align: right;}
#rudCalculator #rudResult .separator td {border-bottom: solid 1px black; padding-top: 5px; font-size: 120%;}
#rudCalculator #rudResult .sum td {
    font-weight: bold;
    padding: 5px;
    color: White;
    font-size: 140%;
    background-color: rgb(0,121,198);
}
#rudCalculator #rudResult .last td {padding-bottom: 10px;}

/****** autocomplete - vyhledavani *****/
.ui-autocomplete { 
    width: 240px;
	min-width: 240px;
	_height: 300px;
	max-height: 300px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 10px;
    z-index: 9999; }

.ui-autocomplete {list-style: none; padding: 0px;}

.ui-autocomplete li {margin: 0px 0px 0px 5px; padding: 0px; text-align:left; width: 230px;}

.ui-autocomplete a {text-decoration: none;}
#ui-active-menuitem {width: 230px;}

#leftColumn #interestBox {height: 500px;}


/*********** forum **************/

#section.forum .grdArticles { margin-top: 10px; }
#section.forum .grdArticles h2 { padding: 0px; margin: 0px; font-weight: bold; }
#section.forum .topicListBox { margin-top: 10px; }
#section.forum h1.forumTitle { margin: 20px 0px 10px 0px; padding: 0px; font-size: 12pt; font-weight: bold; }
#section.forum .topicListBox h4 { margin: 0px; }
#section.forum #discussionNavigationTop { background-color: #CCCCCC; padding: 10px; }

#section.forum .grdForumArticles { width: 100%; }
#section.forum .grdForumArticles .messageSubject { font-weight: bold; }
#section.forum .grdForumArticles td { vertical-align: top; }
#section.forum .messageItem { border: solid 1px rgb(240,240,240); margin: 5px 0px 5px 0px; }
#section.forum .messageDate {  }
#section.forum .messageItemUserBox { background-color: rgb(240,240,240); padding: 5px; font-size: 80%; }
#section.forum .messageItemMessageBox { padding: 5px; }
#section.forum .messageText p { margin: 0px; padding: 0px; }
#section.forum .messageReply { float: right; }
#section.forum .divButtons { text-align: center; font-weight:bold; margin: 10px; font-size: 110%; }

#forumNewMessageBox { background-color: rgb(240,240,240); padding: 5px; }
#forumNewMessageBox .articleDiscussionTitle { background-color: silver; padding: 5px; }
#forumNewMessageBox .label { font-size: 90%; padding-top: 10px; }
#forumNewMessageBox td { vertical-align: top; }

#popUpBackground { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: black; 
	background: #666666 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50);
    z-index: 9998;
}
#divAdvertPopUp { position: absolute; top: 0px; left: 0px; width: 590px; height: 340px; background-color: white; z-index: 9999; text-align: center; }

.obcesobe #article p {margin: 0px; padding: 0px;}