/****************************************************************************************/
/*                                                                                      */
/* Bohuslav Sobotka website - CONTENT PAGES STYLES                                      */
/*                                                                                      */
/* Version:         2009-07-19 03:00                                                    */
/* Last changed by: Josef Vondracek, Soft Evolution s.r.o.                              */
/*                                                                                      */
/****************************************************************************************/

/*======================================================================================*/
/* HOMEPAGE                                                                             */
/*======================================================================================*/

#bannerPanel
{
	width: 696px;
	height: 340px;
	padding: 0 0 10px 0;
	display: block;
	overflow: hidden;
	background: url(images/banner-panel-bottom.png) no-repeat left bottom;
}

#bannerPanel .content
{
	width: 696px;
	min-height: 309px;
	background: url(images/banner-panel-top-hp.png) no-repeat left top;
}

/* TOP BANNERS PANEL =======================*/

#bannerPanel .textContent
{
	width: 650px;
	height: 328px;
	padding: 11px 0 1px 0;
	margin: 0 auto;
	position: relative;
	left: -3px;
	top: 1px;
	display: block;
	overflow: hidden;
	background: white;
}

/* BOXES IN THE BOTTOM CONTENT PART ====================================================*/

#homeBoxesPanel
{
	width: 696px;
	padding: 15px 0 0 8px;
	font-size: 110%;
}

#homeBoxesPanel .box
{
	width: 199px;
	/*height: 200px;*/
	padding: 5px 14px 20px 14px;
	position: relative;
	float: left;
	border-left: 1px dotted #d1d1d1;
}

#homeBoxesPanel .box h3
{
	padding: 0 0 15px 0;
	display: block;
	color: #ec8821;
	font-size: 115%;
}

#homeBoxesPanel .box .archive
{
	/*position: absolute;
	right: 15px;
	top: 210px;*/
	padding-top: 10px;
	color: #777777;
	float: right;
	clear: both;
}

#homeBoxesPanel .box .archive:hover
{
	text-decoration: none;
}

/* LINKS BOX ===============================*/

#homeBoxesPanel .box .links a img
{
	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
}

#homeBoxesPanel .box .links a:hover img
{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

#homeBoxesPanel .box .links img
{
	margin: 0 3px 10px 3px;
}

/* QUESTIONNAIRE BOX =======================*/

#homeBoxesPanel .box .questionnaire
{
	
}

#homeBoxesPanel .box .questionnaire p
{
	padding: 5px 0 15px 0;
	display: block;
	clear: both;
	color: #777777;
}

#homeBoxesPanel .box .questionnaire .answer
{
	padding: 10px 0 0 0;
	position: relative;
	display: block;
	clear:both;
}

#homeBoxesPanel .box .questionnaire .answer .text
{
	position: relative;
	display:block;
	clear: both;
	top: -5px;
	color: #777777;
	font-weight: bold;
}

#homeBoxesPanel .box .questionnaire .answer .graphic
{
    height: 26px;
    clear: both;
    display: block;
	position: relative;
}

#homeBoxesPanel .box .questionnaire .answer .minus,
#homeBoxesPanel .box .questionnaire .answer .plus
{
	width: 200px;
	height: 26px;
	position: absolute;
	left: 0px;
	top: 0;
}

#homeBoxesPanel .box .questionnaire .answer .plus
{
	z-index: 10000;
	background: url(images/questionnaire-plus-long.gif) no-repeat 0px 0px;
}

#homeBoxesPanel .box .questionnaire .answer .minus
{
	z-index: 9999;
	background: url(images/questionnaire-minus-long.gif) no-repeat 0px 0px;
}

#homeBoxesPanel .box .questionnaire .answer .text
{
	position: relative;
	top: -5px;
	color: #777777;
	font-weight: bold;
}

/* CALENDAR BOX ============================*/

#homeBoxesPanel .box .calendar
{
	width: 200px;
	display: block;
	overflow: hidden;
}

#homeBoxesPanel .box .calendar a
{
	color: #777777;
}

#homeBoxesPanel .box .calendar p
{
	color: #777777;
}



#homeBoxesPanel .box .calendar table
{
	position: relative;
	top: -5px;
	font-size: 90%;
}

#homeBoxesPanel .box .calendar table
{
	position: relative;
	top: 0px;
}

#homeBoxesPanel .box .calendar table a
{
	color: #5b5b5b;
	text-decoration: none;
}

#homeBoxesPanel .box .calendar table a:hover
{
	text-decoration: underline;
}

#homeBoxesPanel .box .calendar table span
{
	color: #989595;
}

#homeBoxesPanel .box .calendar .dayName
{
	padding: 0 0 5px 0;
	color: #7f7f7f;
	text-transform: uppercase;
}

#homeBoxesPanel .box .calendar table td.day
{
	width: 21px;
	height: 16px;
	padding: 0 1px 2px 0;
	background: url(images/calendar-empty.png) no-repeat 0px 0px;
}

#homeBoxesPanel .box .calendar table td.today
{
	background: url(images/calendar-today.png) no-repeat 0px 0px;
}

#homeBoxesPanel .box .calendar table td.today a,
#homeBoxesPanel .box .calendar table td.today span
{
	color: White;
	font-weight: bold;
}

#homeBoxesPanel .box .calendar table td.action
{
	background: url(images/calendar-action.png) no-repeat 0px 0px;
}


/*======================================================================================*/
/* ARTICLE                                                                              */
/*======================================================================================*/

.articleContent
{
	width: 651px;
	padding: 5px 20px;
	position: relative;
}

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

.articleContent h1
{
	width: 500px;
	margin: 0 0 15px 0;
	clear: both;
	color: #eb8011;
	font-size: 130%;
}

.articleContent .date
{
	width: 140px;
	height: 22px;
	padding: 7px 0 0 0;
	position: absolute;
	top: -2px;
	right: 25px;
	display: block;
	background: url(images/article-date.gif) no-repeat left top;
	color: #a8a7a7;
	font-size: 100%;
	text-align: center;
}

.articleContent .img
{
	margin: 0 10px 10px 0;
	float: left;	
}

.articleContent p
{
	margin: 10px 0;
}

.articleContent ol
{
	margin: 10px 0 10px 25px;
}

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

.articleContent ul.FilesListLarge
{
	margin: 0 0 10px 0;
}

.articleContent .author
{
	width: 100%;
	padding: 20px 0;
	clear: both;
	text-align: right;
}

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

.articleContent .discussion
{
	min-height: 120px;
	_height: 200px;
	padding: 20px 0 20px 115px;
	background: url(images/article-discussion.png) no-repeat 20px 25px;
}

.articleContent .discussion h2
{
	margin: 0 0 10px 0;
	clear: both;
	color: #eb8011;
	font-size: 125%;
}

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

.articleContent .discussion .item
{
	color: #272727;
}

.articleContent .discussion .item .created
{
	
}

.articleContent .discussion .item .user
{
	font-weight: bold;
}

.articleContent .discussion .item a
{
	color: #272727;
	text-decoration: underline;
}

.articleContent .discussion .item a:hover
{
	text-decoration: none;
}

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

.articleContent .discussion .buttons
{
	padding: 10px 0 0 0;
}

.articleContent .discussion .buttons .readAll
{
	width: 121px;
	height: 36px;
	padding: 11px 6px 0 0;
	border: none;
	background: url(images/article-discussion-read-all.png) no-repeat 0px 0px;
}

.articleContent .discussion .buttons .addItem
{
	width: 173px;
	height: 36px;
	padding: 11px 6px 0 0;
	border: none;
	background: url(images/article-discussion-add-item.png) no-repeat 0px 0px;
}

.articleContent .discussion .buttons .readAll,
.articleContent .discussion .buttons .addItem
{
	display: block;
	float: left;
	margin: 0 10px 0 0;
	color: #595959;
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

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

.ArticleHeader
{
	padding: 0 0 15px 0;
	display: block;
	color: #ec8821;
	font-size: 115%;
	font-weight: bold;
}

.ArticleArticlePanel
{
	width: 651px;
	clear: both;
}

.ArticleArticlePanel .ArticleArticleHeader
{
	float: left;
}

.ArticleArticlePanel .ArticleArticleInsertDate
{
	float: right;
}

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

.articleContent .infoTable
{
	width: 620px;
	margin-left: 8px;
	float: left;
	border: 1px solid #FBDDC5;
}

.articleContent .infoTable
{
	
}

.articleContent .infoTable .DOTCell1
{
	width: 118px;
	padding-left: 7px;
	text-align: left;
}

.articleContent .infoTable .DOTCell2
{
	text-align: left;
	background-color: #f0f0f0;
	padding-left: 25px;
}

.articleContent .infoTable a
{
	text-decoration: none;
	color: #B6481E;
}

.articleContent .infoTableSpacer
{
	height: 10px;
	width: 100%;
	display: block;
	overflow: hidden;
	float: left;
}

/*======================================================================================*/
/* DISCUSSION                                                                           */
/*======================================================================================*/

.discussionContent
{
	width: 651px;
	padding: 5px 20px;
	position: relative;
}

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

.discussionContent h1,
.discussionContent h2,
.discussionContent h3
{
	margin: 0 0 15px 0;
	clear: both;
	color: #eb8011;
	font-size: 130%;
}

.discussionContent h2
{
	font-size: 120%;
}

.discussionContent h3
{
	font-size: 110%;
}

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

.discussionContent .header
{
	padding: 15px 0 35px 115px;
	background: url(images/article-discussion.png) no-repeat 10px 15px;
}

.discussionContent .header a
{
	text-decoration: underline;
}

.discussionContent .header a:hover
{
	text-decoration: none;
}

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

.discussionContent .item
{
	width: 655px;
	padding: 15px 0 0 0;
	position: relative;
}

.discussionContent .item h2
{
	width: 340px;
}

.discussionContent .item .dateAndAuthor
{
	height: 20px;
	padding: 7px 20px 0 20px;
	position: absolute;
	right: 0;
	top: 10px;
	background: url(images/discussion-date-middle.png) repeat-x 0px 0px;
	color: #a8a7a7;
}

.discussionContent .item .dateAndAuthor .left
{
	width: 14px;
	height: 27px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/discussion-date-left.png) repeat-x 0px 0px;
}

.discussionContent .item .dateAndAuthor .right
{
	width: 14px;
	height: 27px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(images/discussion-date-right.png) repeat-x 0px 0px;
}

.discussionContent .item p
{
	
}

.discussionContent .itemsSpace
{
	height: 1px;
	padding: 15px 0 0 0;
	overflow: hidden;
}

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

.discussionContent .addItem
{
	width: 655px;
}
.discussionContent .addItem table
{
	float: right;
	margin: 15px 0 15px 0;
	position: relative;
	right: 100px;
}

.discussionContent .addItem table .title
{
	padding: 0 10px 0 0;
}

.discussionContent .addItem table .input
{
	
}

.discussionContent .addItem table .input input,
.discussionContent .addItem table .input textarea
{
	width: 350px;
	border: 1px solid #e2e2e2;
}

.discussionContent .addItem table .input input
{
	
}

.discussionContent .addItem table .input textarea
{
	height: 145px;
}

.discussionContent .addItem table .error
{
	
}

.discussionContent .addItem table .error span
{
	width: 4px;
	height: 16px;
	display: block;
	background: url(images/discussion-exclamation-mark.png) no-repeat 0px 0px;
}

.discussionContent .addItem table .buttons
{
	
}

.discussionContent .addItem table .buttons a
{
	width: 120px;
	height: 36px;
	padding: 11px 6px 0 0;
	display: block;
	float: right;
	background: url(images/discussion-add-button.png) no-repeat 0px 0px;
	color: #595959;
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}


/*======================================================================================*/
/* LINKS                                                                                */
/*======================================================================================*/

.linksContent
{
	
}

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

.linksContent table
{
	width: 600px;
	margin: 20px auto;
}

.linksContent table .image
{
	
}

.linksContent table .image a img
{
	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
}

.linksContent table .image a:hover img
{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

.linksContent table .text
{
	padding: 0 0 0 20px;
}


/*======================================================================================*/
/* ARTICLES LIST                                                                        */
/*======================================================================================*/

.articlesContent
{
	
}

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

.articlesContent .article,
#bannerPanel .textContent .article
{
	width: 610px;
	margin: 0 auto;
	padding: 0 0 12px 0;
	position: relative;
	color: #272727;
}

.articlesContent .article
{
	width: 650px;
}

.articlesContent .article h2,
#bannerPanel .textContent .article h2
{
	width: 500px;
	padding: 0 0 10px 0;
	clear: both;
	color: #EB8011;
	font-size: 125%;
}

.articlesContent .article h2 a,
#bannerPanel .textContent .article h2 a
{
	position: relative;
	top: 2px;
	color: #EB8011;
	text-decoration: underline;
}

.articlesContent .article h2 a:hover,
#bannerPanel .textContent .article h2 a:hover
{
	text-decoration: none;
}

.articlesContent .article span.date,
#bannerPanel .textContent .article span.date
{
	width: 140px;
	height: 22px;
	padding: 7px 0 0 0;
	position: absolute;
	top: -2px;
	right: 0;
	display: block;
	background: url(images/article-date.gif) no-repeat left top;
	color: #a8a7a7;
	font-size: 110%;
	text-align: center;
}

.articlesContent .article img,
#bannerPanel .textContent .article img
{
	margin: 0 15px 0 0;
	float: left;
}

.articlesContent .article p,
#bannerPanel .textContent .article p
{
	padding: 5px 0 5px 0;
	display: block;
}

.articlesContent .article .moreLink,
#bannerPanel .textContent .article .moreLink
{
	height: 17px;
	padding: 3px 0 0 25px;
	float: left;
	background: url(images/article-more.png) no-repeat 0px center;
	color: #272727;
}

.articlesContent .article .moreLink a,
#bannerPanel .textContent .article .moreLink a
{
	color: #272727;
}

.articlesContent .article .moreLink a:hover,
#bannerPanel .textContent .article .moreLink a:hover
{
	text-decoration: none;
}


/*======================================================================================*/
/* DOWNLOAD                                                                             */
/*======================================================================================*/

.downloadContent
{
	width: 655px;
	margin: 0 auto;
}

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

.downloadContent h2
{
	margin: 15px 0 10px 0;
	clear: both;
	color: #EB8011;
	font-size: 130%;
}

.downloadContent .item
{
	width: 605px;
	padding: 0 0 15px 45px;
}

.downloadContent .item a
{
	font-weight: bold;
	text-decoration: none;
}

.downloadContent .item a:hover
{
	text-decoration: underline;
}

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

.downloadContent .doc,
.downloadContent .rtf
{
	background: url(images/files-icons/doc.png) no-repeat left top;
}

.downloadContent .pdf
{
	background: url(images/files-icons/pdf.png) no-repeat left top;
}

.downloadContent .xls
{
	background: url(images/files-icons/xls.png) no-repeat left top;
}

.downloadContent .ppt
{
	background: url(images/files-icons/ppt.png) no-repeat left top;
}


/*======================================================================================*/
/* PAGING                                                                               */
/*======================================================================================*/

.paging
{
	width: 280px;
	height: 18px;
	margin: 10px auto;
	padding: 5px 20px 0 20px;
	position: relative;
	clear: both;
	background: url(images/paging-middle.png) repeat-x 0px 0px;
}

.paging a
{
	color: #6b6b6b;
	text-decoration: none;
}

.paging a:hover
{
	text-decoration: underline;
}

.paging .first
{
	width: 8px;
	height: 10px;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
	display: block;
	float: left;
	background: url(images/paging-first.png) no-repeat 0px 0px;
}

.paging .previous
{
	width: 9px;
	height: 10px;
	margin: 0 0 0 0;
	position: relative;
	top: 2px;
	display: block;
	float: left;
	background: url(images/paging-previous.png) no-repeat 0px 0px;
}

.paging .next
{
	width: 9px;
	height: 10px;
	margin: 0 0 0 0;
	position: relative;
	top: 2px;
	display: block;
	float: right;
	background: url(images/paging-next.png) no-repeat 0px 0px;
}

.paging .last
{
	width: 8px;
	height: 10px;
	margin: 0 0 0 5px;
	position: relative;
	top: 2px;
	display: block;
	float: right;
	background: url(images/paging-last.png) no-repeat 0px 0px;
}

.paging a span
{
	display: none;
}

.paging div
{
	width: 195px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;
}

.paging div .selected
{
	font-weight: bold;
}

.paging .left
{
	width: 12px;
	height: 23px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/paging-left.png) no-repeat 0px 0px;
}

.paging .right
{
	width: 12px;
	height: 23px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: url(images/paging-right.png) no-repeat 0px 0px;
}