/* === TRILOBIT MODULES HANDLING CSS === */

/* --- GENERAL --- */
.wo-box	{
	position: relative;
	clear: both;
	}

.box	{
	position: relative;
	}

.box-body	{
	padding: 0 8px;
	}
	
.info-box, .success-box, .error-box {
	padding:10px 10px 10px 35px;
	}
	
.info-box {
	border: 1px solid #FFD100;
	background: #FFFFCF 10px 10px url('img/sys/information.png') no-repeat; 
	}
	
.success-box {
	border: 1px solid #25DF1B;
	background: #C2FFBF 10px 10px url('img/sys/tick.png') no-repeat;
	}
	
.error-box {
	border: 1px solid #EF8D86;
	background: #FFE1DF 10px 10px url('img/sys/error.png') no-repeat;
	}
	
a:hover span.play-button {
/*.play-button{*/
	background: url("sys/img/play-button.png");
	margin: -16px 0 0 -16px;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	}


/*----SECURIMAGE-----*/
.securimage{
	margin:10px;
	padding: 5px;
	}
.securimage * {
	vertical-align:middle;
	}
.securimage a img{
	border:none;
	}

/*----AJAX MESSAGES-----*/
#ajax-message.ajax-event, #ajax-message.ajax-error	{
	position: fixed;
	top: 10px;
	right: 10px;
	background: #ffea00;
	padding: 5px;
	margin: 10px;
	width: 300px;
	z-index: 10000;
	}

#ajax-message.ajax-error	{
	background: #c00;
	color: #fff;
	}


/* --- WEBADMIN ---*/
.webadmin-page-login	{
	text-align: center;
	}
	
.webadmin-page-login form	{
	margin: 0 auto;
	width: 150px;
	text-align: left;
	}

.webadmin-page-login form input	{
	margin-bottom: 10px;
	width: 150px;
	}

/* --- POLLS --- */
.polls	{
	padding: 0;
	margin: 10px 0;
	}

.wo-box .polls{
	padding: 20px;
	margin: 20px;
	}

.polls h3	{
	padding-bottom: 15px;
	margin: 10px 0 0 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 130%;
	border-bottom: none;
	text-transform: none;
	}

.wo-box .polls h3	{
	margin-top: 0;
	}

.polls ul	{
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

.polls ul li	{
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
	}

.polls ul li label, .polls ul li input	{
	vertical-align: middle;
	}

.polls form img	{
	height: 10px; /* height of the poll bars can be adjusted via this definition, no width please ;) */
	}

.polls-archive	{
	padding-bottom: 10px;
	}

.polls-archive table	{
	margin: 0 auto;
	width: 75%;
	}

.polls-archive table caption	{
	margin: 20px auto 5px auto;
	font-size: 120%;
	text-align: center;
	}

.polls-archive table th	{
	background: #666;
	padding: 3px 8px;
	border: 1px solid #000;
	color: #fff;
	}

.polls-archive table th.answer	{
	width: 50%;
	}

.polls-archive table th.answers-no	{
	width: 25%;
	}

.polls-archive table td	{
	padding: 3px 8px;
	border: 1px solid #666;
	}

.polls-archive table td.right	{
	padding-right: 25px;
	text-align: right;
	}

/* --- NEWS --- */
.news-list-item	{
	padding: 0 0 10px 0;
	margin-top: 10px;
	position: relative;
	}

.news-list-item h3	{
	margin-bottom: 0;
	font-size: 100%;
	vertical-align: middle;
	}

.news-list-item img	{
	margin: 0;
	padding: 1px;
	}

.news-list-item p	{
	margin: 0;
	}

p.news-list-detail	{
	clear: left;
	}

.news-detail-item h3	{
	font-size: 100%;
	vertical-align: middle;
	}

.news-detail-item img	{
	margin: 0 10px 10px 0;
	float: left;
	}

.news-detail-img a, .news-list-img a	{
	padding: 0;
	margin: 0 10px 10px 0;
	display: block;
	float: left;
	position: relative;
	}

.news-detail-img img	{
	margin: 0;
	padding: 0;
	}

p.news-list-back{
	clear: left;
	}

.news .news_rss_feed img, .news .news_email_feed img	{
	vertical-align: middle;
	margin-right: 5px;
	}

.news .news_rss_feed a, .news .news_email_feed a	{
	vertical-align: middle;
	text-decoration: none;
	}

/* appears onclick */
.news .default-form	{
	padding: 0;
	margin: 2px;
	}

.news .default-form label, .news .default-form input	{
	margin-right: 5px;
	}

.news .news-rss-list ul	{
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
	
.news .news-rss-list ul li	{
	margin: 10px;
	}

.news .news-rss-list ul li img	{
	margin-right: 10px;
	}

.news .news-rss-list ul li *{
	vertical-align: middle;
	}

/* --- MEDIA GALLERY --- */
div.media-gallery	{
	clear: left;
	}

.photogallery-list	{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	float: left;
	position: relative;
	}

.photogallery-list ul {    
    list-style-type: none;
    margin:0;
    padding:0;
    }
    
.photogallery-list li {
	display: block;
	position: relative;
	float: left;
	}

.photogallery-list a img	{
	padding: 1px;
	margin: 5px;
	border: 1px solid #ccc;
	vertical-align: top;
	display: block;
	}

.photogallery-list a:hover img	{
	border: 1px solid #666;
	}

.photogallery-album-list	{
	margin-top: 20px;
	line-height: 130%;
	position: relative;
	float: left;
	}

.photogallery-album-list ul	{
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	}

.photogallery-album-list ul li	{
	background: url("img/sys/photogallery.png") top left no-repeat;
	padding: 0;
	margin: 10px;
	width: 130px;
	height: 185px;
	display: block;
	float: left;
	}

.photogallery-album-list ul li img	{
	margin: 14px 0 0 13px;
	border: 1px solid #666;
	}

.photogallery-album-list ul li span	{
	padding-top: 15px;
	text-align: center;
	display: block;
	}

.photogallery-album-list ul li a	{
	color: #000 !important;
	text-decoration: none !important;
	}

.slideshow
{
	position: relative;
}

.slideshow ul, .slideshow li
{
	margin:  0;
	padding: 0;
	list-style: none;
}

.slideshow, .slideshow li
{
	overflow: hidden;
}

.photogallery-list.slideshow a img
{
	padding: 0;
	margin: 0;
	border: none;
}

.photogallery-list.slideshow a:hover img
{
	border: none;
}

.carousel-control.previous
{
	top:  0;
	left: 0;
}

.carousel-control.next
{
	top:   0;
	right: 0;
}

.carousel-control.next, .carousel-control.previous
{
	display:  block;
	position: absolute;
	z-index:  10;
	padding:  3px;
	color:    #fff;
	font-weight: bold;
	text-decoration: none;
	background: #999;
	opacity:  0.8;
	cursor:   pointer;
}

.carousel-pagination
{
	text-align: left;
}

.carousel-pagination p a
{
	padding:    2px;
	background: #999;
	color:      #fff;
	margin:     1px;
	cursor:     pointer;
	vertical-align: middle;
}

.carousel-pagination p a.active
{
	background: #666;
}
	
/* --- FORUM --- */
form div.buttons	{
	background: none;
	padding: 10px;
	border: none;
	text-align: center;
	}
	
	
.forum .thread-closed{
	padding:10px;
	background:#FFE1DF;
	border: 1px solid #EF8D86;
	}

.forum-list ul	{
	padding: 0;
	margin: 20px 0 0 0;
	list-style-type: none;
	}

.forum-list ul li	{
	padding: 0;
	margin: 10px 0;
	display: block;
	}

.forum-list ul li a	{
	background: url("img/sys/forums.png") 10px 10px no-repeat;
	padding: 7px;
	padding-left: 60px;
	margin: 0;
	border: 1px solid #ccc;
	color: #000;
	text-decoration: none;
	display: block;
	position: relative;
	}

.forum-list ul li a.locked	{
	background: url("img/sys/forums-locked.png") 10px 10px no-repeat;
	}

.forum-list ul li a:hover	{
	border: 1px solid #000;
	}

.forum-list ul li a strong.name	{
	font-size: 125%;
	font-weight: bold;
	text-decoration: underline;
	}

.forum-list ul li a strong.name:hover	{
	text-decoration: none;
	}

.forum-list ul li a span.desc	{
	font-style: italic;
	}

.forum-list ul li a span.info	{
	color: #000;
	}

.forum-list ul li a span.more	{
	text-decoration: underline;
	font-weight: bold;
	position: absolute;
	right: 10px;
	bottom: 7px;
	}

.forum-list ul li a span.more:hover	{
	text-decoration: none;
	}

.forum-toolbar, .forum-toolbar *{
		vertical-align:middle;
	}

.forum-toolbar .link-img{
		padding-right: 5px;
	}

.forum-thread-list table	{
	margin: 20px 0 0 0;
	border: none;
	}

.forum-thread-list table th	{
	background: #666;
	padding: 7px;
	border: 1px solid #000;
	color: #fff;
	text-align: center;
	}

.forum-thread-list table td	{
	padding: 7px;
	border: 1px solid #000;
	text-align: center;
	}

.forum-thread-list table td.thread	{
	text-align: left;
	width: 50%;
	}

.forum-thread-list table td.thread a	{
	width: auto;
	font-weight: bold;
	display: block;
	}

.forum-post-list div	{
	background: #fff;
	padding: 10px;
	margin: 10px auto;
	border: 1px solid #666;
	}

.forum-post-list div p.reply a, .forum-post-list div h4 a {
	color: #fff;
	}

.forum-post-list div h4	{
	background: #666;
	padding: 3px 8px;
	margin: -10px;
	margin-bottom: 0;
	color: #fff;
	font-weight: normal;
	font-size: 90%;
	}

.forum-post-list div a.comment-id	{
	padding: 0 2px;
	}

.forum-post-list div p.reply	{
	background: #666;
	padding: 0 10px 0 0;
	margin: -10px;
	margin-top: 0;
	text-align: right;
	}

.forum-post-list form fieldset	{
	border: 1px solid #666;
	padding: 10px;
	}

.forum-post-list form fieldset legend	{
	color: #666;
	font-weight: bold;
	margin-bottom:10px;
	}

#forum-post-new, .forum-post-reply	{
	display: none;
	position:relative;
	}

.forum .forum-post-list form .securimage {
	border:none;
	}

.forum form .submitform	{
	text-align: center;
	}

.forum .no-spam	{
	font-weight: bold;
	vertical-align: middle;
	}

.box .box-body .articles h2	{
	margin: 0 -8px; /* articles H2 inside BOX-BODY!!! */
	}

/* --- USERS, EVENT REG. FORM --- */
.wo-box .users	{
	padding: 0 5px 10px 5px;
	}

.wo-box .users .users-account form label, #event_reg_form label	{
	padding-top: 0.2em;
	margin-right: 0.5em;
	width: 25%;
	text-align: right;
	font-weight: bold;
	float: left;
	}

.wo-box .users .users-account form fieldset, #event_reg_form fieldset	{
	padding: 1em;
	margin: 10px;
	border: 1px solid #eee;
	}

.wo-box .users .users-account form p, #event_reg_form p	{
	text-align: center;
	}

/* --- FILES --- */
.wo-box .files ul	{
	list-style-type: none;
	margin: 20px;
	padding: 0;
	}

.wo-box .files ul *	{
	vertical-align: middle;
	}

.wo-box .files ul li	{
	margin: 10px;
	}

.wo-box .files ul li span.file-size	{
	margin:0 5px 0 5px;
	}

/* --- EVENTS --- */
.events-list-item	{
	padding: 0 0 10px 0;
	margin-top: 10px;
	position: relative;
	}

.events-list-item a	{
	color: #000;
	}

.events-list-item h3	{
	margin-bottom: 0;
	font-size: 100%;
	vertical-align: middle;
	}

.events-list-item h3 a, .events-list h3 a:hover	{
	font-weight: bold;
	}

.events-list-item img	{
	padding: 1px;
	margin: 0;
	border: 1px solid #888;
	}

.events-list-item p	{
	margin: 0;
	}

p.events-list-detail	{
	clear: left;
	}

.events-detail-item h3	{
	margin-bottom: 0;
	font-size: 100%;
	vertical-align: middle;
	}

.events-detail-item img	{
	margin: 0 10px 10px 0;
	float: left;
	}

.events-detail-item h3 a, .events-list h3 a:hover	{
	font-weight: bold;
	}

.events-detail-img a, .events-list-img a{
	padding: 0;
	margin: 0 10px 10px 0;
	position: relative;
	float: left;
	display: block;
	}

.events-detail-img img	{
	margin: 0;
	padding: 0;
	}

p.events-list-back a	{
	display: block;
	clear: left;
	}

.events-detail-item h4	{
	margin: 0;
	}

.events .events_rss_feed img, .events .events_email_feed img	{
	margin-right: 5px;
	vertical-align: middle;
	}

.events .events_rss_feed a, .events .events_email_feed a	{
	vertical-align: middle;
	text-decoration: none;
	}

.events .default-form	{
	padding: 0;
	margin: 2px;
	}

.events .default-form label, .events .default-form input	{
	margin-right: 5px;
	}

.events .events-rss-list ul	{
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

.events .events-rss-list ul li	{
	margin: 10px;
	}

.events .events-rss-list ul li img	{
	margin-right: 10px;
	}

.events .events-rss-list ul li *	{
	vertical-align: middle;
	}

.events-detail-dates	{
	list-style-type: none;
	}
	
.events .box-body .events-list-item h3{
	margin-top:0;
	}
	
/* --- ITEMS --- */
.items-list-item	{
	padding: 0 0 10px 0;
	margin-top: 10px;
	position: relative;
	}

.items-list-img img	{
	margin: 0 10px 10px 0;
	float: left;
	}

.items-list-img a {
	padding: 0;
	margin: 0 10px 10px 0;
	display: block;
	float: left;
	position: relative;
	}
	
.items-list-item .items-list-detail {
	clear:left;
	}

table.items-detail-params th{
	text-align:left;
	background:#eee;
	border:1px #fff solid;
	padding:5px;
	}

table.items-detail-params td{
	text-align:left;
	border:1px #fff solid;
	padding:5px;
	}

/*----CONTENT COLS-----*/

/*2 column layout*/
.content-2cols-container {
	clear:both;
	position:relative;
	}

.content-2cols-container .content-2cols-col1 {
	float:left;
	width: 48%;
	}

.content-2cols-container .content-2cols-col2 {
	float:right;
	width: 48%;
	}
	
/*3 column layout*/
.content-3cols-container {
	clear:both;
	position:relative;
	}
.content-3cols-container .content-3cols-inner-container {
	float:left;
	width:63%;
	}
	
.content-3cols-container .content-3cols-inner-container .content-3cols-col1 {
	float:left;
	width: 48%;
	}
	
.content-3cols-container .content-3cols-inner-container .content-3cols-col2 {
	float:right;
	width: 48%;
	}
	
.content-3cols-container .content-3cols-col3 {
	float:right;
	width: 33%;
	}
	
/*----FAQ----*/
.faq ul.faq-theme-list {
	font-size:150%;	
	list-style-type:none;
	padding:0;
}

.faq ul.faq-theme-list li{
	margin:0 0 10px 0;
}

.faq ul.faq-theme-list li a{
	display:block;
	background-color: #eee;
	padding:10px;
	}
	
.faq ul.faq-theme-list li a:hover{
	background-color: #ccc;
	}

.faq dl.faq-question-list dt, .faq dl.faq-question-list dd {
	padding: 5px;
	margin: 2px;
}

.faq dl.faq-question-list dt {
	background:#ccc url(img/sys/question.png) 10px 5px no-repeat;
	padding-left:50px;
	min-height:60px;
}

.faq dl.faq-question-list dd {
	background:#ccc url(img/sys/comma.png) 10px 5px no-repeat;
	padding-left:50px;
	background-color:#eee;
	margin-bottom:10px;
}

/*----TERM-DICTIONARY----*/	
.term-dictionary .abc ul {
	position:relative;
	list-style-type:none;
	margin:5px;
	padding:0;
	} 
	
.term-dictionary .abc ul li{
	float:left;
	margin:2px;
	}

.term-dictionary .abc ul li a{
	display:block;
	float:left;
	width:2em;
	height:2em;
	text-align:center;
	border:1px solid #666;
	text-decoration:none;
	}

.term-dictionary .abc ul li.active a{
	background:#eee;
	}

.term-dictionary .abc ul li a:hover{
	background:#eee;
	}

.term-search{
	margin:5px;
	padding:5px;
	border:1px solid #666;
	}

.term-search *{
	vertical-align:middle;
	}

.term-search input {
	width:70%;
	margin-right:5px;
	}
	
dl.term-word-list dt{
	clear:left;
	margin-top:20px;
	margin-bottom:5px;
	padding:5px;
	font-size:130%;
	background:#eee;
	}

dl.term-word-list dd{
	padding:0;
	margin:0;
	margin-left:15px;
	position:relative;
	}

.term-list-img {
	float:left;
	margin:0 5px 5px 0;
	}
/* gbook - form */  
fieldset.gbook-fieldset {
	border: 1px solid #CCC; 
	padding: 0;
	margin: 0 0 10px 0px;	
}	
fieldset.gbook-secure-fieldset {
	border: 1px solid #CCC; 
	padding: 10px;
	margin: 0 0 10px 0px;	
}	
form#gbookForm {
 	margin: 0 0 20px 0; 
 	padding: 0;
}
p.gbook-p {
	margin: 0; 
 	padding: 10px;	
}
p.gbook-p-secure {
 	margin: 0; 
 	padding: 0;
}
input#gbook-autor {
	width: 40%;
	margin-bottom: 10px;
}
textarea#gbook-text	{
	width: 98%;
}
div.gbook-button-obal	{
	text-align: center;	
}
div.gbook-button-obal button	{
	margin-right: 10px;	
}
#scimg-gbookSecure	{
	margin-left: -10px;
}

/* gbook - posts */
ul#gbook-posts {
	margin: 0px; 
	padding: 0px;
	list-style: none;	
}
ul#gbook-posts li.gbook-post-box {
	background: #FFF3D9;
	border: 1px solid #E48335;
	padding: 4px; 
	margin: 0 0 10px 0;
	list-style-type: none;
}
div.gbook-autor {
	background: #FFD988;
	padding: 5px;
	font-weight: bold;	
}
div.gbook-text {
	padding: 5px;	
}
div.gbook-datum	{
	font-style: italic;
	text-align: right;	
	padding-top: 10px;
	padding-right: 5px;
}
div.gbook-show-info	{
	/*margin-top: -28px;*/	
}