/* $Id: shared-components.css 5318 2008-09-30 14:02:05Z markus $ */

@import url('bt_kundservice.css');
@import url('community-admin.css');
@import url('ilike.css');
	

img {border: none;}

em {font-style: italic !important;}

table {width: 100%;}

/* FORMS */

fieldset {border: none;}
fieldset legend {font-weight: bold; padding: 0 1em;}
fieldset label {display: block; margin: 0 0 0.2em;}
fieldset input, 
fieldset textarea {width: 100%;}
fieldset select {width: 50%;}
fieldset input, 
fieldset textarea, 
fieldset select {margin: 0 0 1em;}
fieldset input.input-submit {width: auto; float: right; margin: 0 0 0 1em;}
fieldset input.input-checkbox, 
fieldset input.input-radio {width: auto;}

form {margin: 0 0 10px;}

.pren input{
	width:auto;
}

.required {font-weight: normal; font-style: italic; color: #444;}

.error {color: #ab1823;}
.error label {font-weight: bold; color: #ab1823;}

/* ADMIN PANEL */

#admin-panel {background: #CCC; margin: 0 0 10px; color: #111;}
#admin-panel .inner {padding: 8px;}
#admin-panel a {color: #333;}
#admin-panel a:hover {color: #777;}
#admin-panel h3 {margin: 0 0 0.5em; color: #111;}
#admin-panel h4 {clear: both; margin: 0 0 1em; color: #111;}
#admin-panel select {width: 100%;}

/* LOGIN FORM */

#login-form {background: #CCC; margin: 0 0 10px;}
#login-form .inner {padding: 8px;}
#login-form h3 {margin: 0 0 0.5em;}
#login-form ul {clear: both;}

/* SEARCH FORM */

#search-form {background: #CCC; margin: 0 0 10px; position: relative;}
#search-form .inner {padding: 8px;}
#search-form h3 {margin: 0 0 0.5em;}
#search-form input {width: 80%}
#search-form input.input-submit {width: auto; float: right; position: absolute; top: 7px; right: 8px;}

/* TABLE COMPONENT */

.table-component {margin: 0 0 10px;}
.table-component td {padding: 0 5px 1em 0; vertical-align: top;}

/* HEADER COMPONENT */

.header-links {border-top: solid 1px #CCC; list-style: none; padding: 0.2em 0 0;}
.header-links li {float: left; padding: 2px 0 3px; margin: 0 15px 10px 0;}
.header-links li a {padding-left: 15px; font-size: 0.9em; text-transform: uppercase;}
.header-print {background: url(/img/icon_print.gif) no-repeat left 2px;}
.header-tip-friend {background: url(/img/icon_mail.gif) no-repeat left 2px;}
.header-preamble {clear: both;}

/* TEXT & PICTURE COMPONENT */

.text-picture-component {clear: both; margin: 0 0 10px;}
.picture-left {float: left; padding: 0 5px 5px 0;}
.picture-right {float: right; padding: 0 0 5px 5px;}
.picture-big {margin: 0.5em 0;}
.picture-place-in-margin {width: 70px;}
.text-picture-box {border: 2px solid #CCC; padding: 10px; margin-bottom: 10px;}
.text-picture-float {width: 45%; float: left; clear: none; width: 48%; margin-right: 2%;}
.text-picture-float .picture {float: right; margin: 0 0 1em 1em;}

/* POLL COMPONENT */

.poll-component {margin: 0 0 10px;}
.poll-component h4 {margin: 0 0 0.5em;}
.poll-component label {display: block;}
.poll-component .input-radio {margin: 0.2em 0.3em -0.2em 0; width: auto;}
.poll-component .input-submit {float: right; width: auto;}

/* DATESTAMP COMPONENT */

.datestamp-component {clear: both;}

/* CONTACT */

.contact-item {border-bottom: solid 1px #CCC; margin-bottom: 10px;}
.respond-item, 
.report-item {border: solid 1px #CCC; padding: 10px;}
.contact-signature {text-align: right;}
.contact-signature a {margin-left: 10px; background:url('/img/arrow.gif') no-repeat left 3px; padding-left: 13px;}
.contact-no-mag-publish {display: block;}
.contact-remove {color: #ff0000;}
.contact-added {color: #444;}	
.contact-mandatory {color: #FF0000;}
.contact-search-form {margin: 0 0 5px; padding: 8px;}
.contact-search-form h3 {margin: 0 0 0.5em;}
.contact-search-form select {width: 100%;}
.add-contact-link {margin: 0 0 10px; padding: 8px;}

/* FORUM */

#forum-thread {margin-top: 10px;}
.forum-post {background: #F0F0F0; padding: 10px; position: relative; clear: both;}
.forum-post h3 {color: #333;}
.forum-delete-post {background:#ffc6b9; border: dotted 1px #ab1823;}
.forum-delete-post h3 {color: #000;}
.forum-report-post, 
.forum-message-create-post {border: solid 1px #000; background: #FFF;}
.forum-report-post h3, 
.forum-message-create-post h3 {color: #f567bb;}
.forum-comment {background: #F5F5F5; padding: 10px; margin: 10px 0; position: relative;}
.forum-signature {margin-bottom: 0;}
.forum-signature a {margin-right: 5px;}
.forum-report-link {position: absolute; right: 10px; bottom: 10px; background: url('/img/arrow.gif') no-repeat left 3px; 
padding-left: 13px;}
.forum-comment-link {display: block; width: 140px; margin-top: 5px; background: url('/img/arrow.gif') no-repeat left 
3px; padding-left: 13px;}
.forum-comment-delete-link {display: block; width: 140px; background: url('/img/arrow.gif') no-repeat left 3px; 
padding-left: 13px;}
.forum-nav label {display: block;}
.forum-nav a {background: url('/img/arrow.gif') no-repeat left 3px; padding-left: 13px;}
.forum-odd {background: #F5F5F5;}
#forum-component td, 
#forum-component th {padding: 5px;}
.forum-report {margin: 10px 0;}
.forum-create {margin: 10px 0;}
.forum-create-cat {margin: 10px 0;}

/*QUIZZ*/
.cmnt{display:none;}


/* FAVOURITE COMPONENT */
.favourite-button-enabled {
}

.favourite-button-disabled {
}

.favourite-button-container {
        width: 100px;	
}

.favourite-button-outer {
        border: 1px solid grey;
	background: lightgrey;
	padding: 2px;
	cursor: pointer;
	cursor: hand;
}

.favourite-button-inner {  
}

.favourite-button-text {
        font-weight: 700;
}
    
/* Overrides for disbabled button */
.favourite-button-disabled .favourite-button-outer {
        border: 1px solid red;
	background: mistyrose;
	cursor: default;
 }
 
.favourite-button-disabled .favourite-button-inner {  
}

.favourite-button-disabled .favourite-button-text {
}      

/* Overrides for enabled button */
.favourite-button-enabled .favourite-button-outer {
        border: 1px solid green;
	background: lightgreen;
}

.favourite-button-enabled .favourite-button-inner {  
}

.favourite-button-enabled .favourite-button-text {
}

/* GUEST CHAT COMPONENT */
.guest-chat {		
}

.guest-chat form select, .guest-chat form textarea {
  font-family: Verdana, Helvetica, Sans-serif;
  font-size: 11px;
  line-height: 14px
}

.guest-chat-moderator-highlight {
  background: lightgrey;
}

.guest-chat .guest-chat-input textarea {
  border: 1px solid grey;
  width: 398px;
  height: 50px;
}

.guest-chat-pane, .guest-chat-pane-moderator {
  margin-bottom: 5px;
  border: 1px solid grey;
  height: 400px;
  overflow: auto;
}

.guest-chat-pane-moderator {
  cursor: pointer;
  cursor: hand;
}

.guest-chat-pane-log {
  overflow: auto;
}

.guest-chat-content, .guest-chat-content-moderator {
}

.guest-chat-entry { 
}

.guest-chat-entry-nick {
  font-weight: 700;
}

.guest-chat-entry-text {
}

.guest-chat-entry-highlight {
/*  border-top: 1px solid gainsboro; */
/*  border-bottom: 1px solid gainsboro; */
  background: whitesmoke;  
}

.guest-chat-selected-chat-entry {
  border: 1px solid grey;
  margin-bottom: 5px;
  overflow: hidden;
  cursor: pointer;
  cursor: hand;  
}

.guest-chat-selected-chat-entry-remove-button {
  border-left: 1px solid grey;
  border-bottom: 1px solid grey;
  text-align: center;
  font-weight: 700;
  color: lightgrey;
  background: red;
  float: right;
  clear: both;
}

.guest-chat-input {
}

.guest-chat-input-text {
  margin-bottom: 5px;
}

.guest-chat-actions {
}

.guest-chat-action, .guest-chat-action-write {
  border: 1px solid grey;
  background: lightgrey;
  cursor: pointer;
  cursor: hand;
  width: 111px;
  padding: 2px;
  text-align: center;
}

.guest-chat-action-write {
  float: right;	
}

.guest-chat-action-options {
  float: left;
}

.guest-chat-action-options select {
}
 
/*PICTURE COLLECTION*/
.picture-collection{background:#eee;margin-bottom:1em;text-align:center;}
#column-two .slide-image{height:340px;}
#column-one .slide-image{height:340px;overflow:hidden;}
.picture-collection-nav{background:#c8df8f;width:420px;padding:4px 10px 4px;height:20px;}
.picture-collection-nav a{color:#fff;font-weight:bold;font-size:11px;}
.picture-collection-nav .picture-collection-next{float:right; }
.picture-collection-nav .picture-collection-prev{float:left; }
.picture-collection h3{border-bottom:dotted 1px #d4d2d2;font-size:1.2em;text-align:left;padding:5px 5px 5px 9px;margin-bottom:10px;}
.picture-collection h4{font-weight:normal;font-size:0.95em;margin-top:0.3em;}
.picturecoll-bigimage{border:solid 1px #fff;}
.picture-collection-image-index{color:#fff;font-weight:bold;font-size:11px;}
.picture-collection-thumbnail-page{display:none;}
.page-visible{display:block;}
.picture-collection-slides{background:#000;position:relative;overflow:hidden;}
.picture-collection-slides img{border:none;}
.picture-collection-slides h3{border:none;}
#column-two .picture-collection{width:250px;height:300px;}
#column-two .picture-collection img{border:none;}
#column-two .picture-collection h3{border:none;}
.picture-collection-nav-overlay{position:absolute;bottom:0;height:60px;background:#000;opacity:0.5;}
#column-one .picture-collection-nav-overlay{width:440px;}
#column-two .picture-collection-nav-overlay{width:250px;}
.picture-collection-slides .picture-collection-nav{background:transparent;position:absolute;bottom:0;left:5px;height:60px;padding:0;}
#column-two .picture-collection-nav{width:240px;}
#column-one .picture-collection-slides .picture-collection-nav{width:430px;}
.picture-collection-slides .picture-collection-nav h3{color:#fff;margin:0;text-align:left;padding:0;float:left;}
.picture-collection-slides .picture-collection-nav .picture-collection-image-index{float:right;}
.picture-collection-slides .picture-collection-nav .picture-collection-text{clear:both;}
.picture-collection-slides .picture-collection-nav p{margin:0;color:#fff;text-align:left;color:#fff;}
.picture-collection-slides h4{text-align:left;color:#fff;}

/* page-comment-component */
/* navigation */
div.comment-page{
}
a.coment-page-prev{
	margin-right:10px;
}
a.coment-page-next{
}

span.coment-page{
	margin-right:10px;
}
span.coment-page-selected{
	margin-right:10px;
	font-weight:bold;
}


/*  SCRIPTACULOUS START (http://wiki.script.aculo.us/stylesheets/script.aculo.us.css))  */

div.page_name_auto_complete {
	width: 100px;
	background: #fff;
	display: inline;
	position:relative;
	z-index:2;
}
.mceEditorContainer{
	position:relative;
	z-index:1;
 }
div.page_name_auto_complete ul {
	border: 1px solid #888;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

div.page_name_auto_complete ul li {
	margin: 0;
	padding: 3px;
}

div.page_name_auto_complete ul li.selected { 
	background-color: #ffb; 
}

/* SCRIPTACULOUS END */




/* address form, new subscriber START */

.bonnier-text p{font-size: 0.9em;clear:both;}

/* address form, new subscriber END */