/* playak settings */
body, div, p, form, input, select, ul, ol, li, span
{
   font-family: "Open Sans",Arial, Helvetica, Sans-Serif;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
    padding: 1px !important;
}
textarea
{
  background: none !important;
  width: 95% !important;
}


td {
	vertical-align: top;
}
.contribute, a.contribute, a.contribute:visited{
	color: #006600;
}
a.contribute:hover{
	color: #AAAAAA;
}
a.contributeblock{
	color: #006600;
	display: block;
}
a.contributeblock:hover{
	color: #000000;
	background-color: #AAAAAA;
}
.BlockContent-body ul.fpul li
{
	list-style-image: url(http://playak.com/images/kayak-bullet.gif) !important;
	padding:2px !important;
	background-image: none !important;
	margin:0px 0px 0px 22px !important;
	line-height:1em !important;
}
.blockheader, .blockcontent, .joms-module
{
	overflow:hidden;
}
ul.kayakul
{
	list-style-type:square;
	list-style-position: inside;
}
ul.fpulnoimg
{
padding: 2px;
margin: 0px 0px 0px 22px;
list-style: none none;
}

.prevnext{
	padding:4px 6px 0px 6px;
}
ul.kayak, li.kayak {
  list-style: url(http://playak.com/images/kayak-bullet.gif) disc;
    margin-left: 0;
  padding-left: 0;
}
.paddling, .kayaker, .kayak, .forumlink, .topictitle, .readon{
	display: block;
	width: 100%;
}
.paddling:hover, .kayaker:hover, .kayak:hover, .forumlink:hover, .topictitle:hover, .prevnext:hover, .readon:hover
{
	background-color: #AAAAAA;
}
A:link.kayaker, A:link.kayaker:visited {
	color: #DDDDDD;
}
A:link.kayaker:hover {
	text-decoration: none;
}

.bgcolor0 {
	background: rgba(88,22,22,0.5);
}
.bgcolor1 {
	background: #ffffff;
}
.bgcolor2, .row1, .row2, .row3, .thCornerL, .thTop, .thCornerR, .row3Right {
	background: #EEEEEE;
}
.activerow {
	background-color:#DDDDFF !important;
}
topbar {
	background: Gray;
}
.boxheader{

}
.headerbluedark {
		font-weight: bold;
		}
h2.postheader {
	margin-bottom: 1em !important;
}
.fliesstextgrey10pt {
		color: #666666
		}

.fliesstext10pt {
	border : 1px;
}

.adresse	{
		color: #666666
		}

.fliesstextgrey, .greytext{
		color: #AAAAAA		}
.nwprio1{color:rgb(144,144,144) !important; color:rgba(144,144,144,1.0) !important;}
.nwprio2{color:rgb(144,144,144) !important; color:rgba(144,144,144,0.9) !important;}
.nwprio3{color:rgb(144,144,144) !important; color:rgba(144,144,144,0.8) !important;}
.nwprio4{color:rgb(144,144,144) !important; color:rgba(144,144,144,0.7) !important;}
.nwprio5{color:rgb(144,144,144) !important; color:rgba(144,144,144,0.6) !important;}
.nwprio6{color:rgb(144,144,144) !important; color:rgba(144,144,144,0.5) !important;}
.nwprio7{color:rgb(144,144,144) !important; color:rgba(144,144,144,0.4) !important;}
.gensmall, .genmed {
		color: #AAAAAA
		}

.playakquote {
background: #222222;
}

.highlight:hover {
	background-color: #666666;
}

.fliesstext	{
		font-style: normal;
		font-weight: normal
		}
.logostyle{
	color: Yellow;
	font-size : 16px;
	background : #ffffff;
	border : 1px outset Yellow;
	font-weight: bold;
}
.maintitle {
	font-weight: bold;
	font-size: 12px;
}
.rssbutton:link, .rssbutton:hover, .rssbutton:visited
{
    margin:0px;
    border:1px solid;
    border-color:#ffc8a4 #7d3302 #3f1a01 #ff9a57;
    padding:0px 3px 0px 3px;
    font:bold 10px verdana,sans-serif;
    color:#000000;
    background-color:#ff6600;
    text-decoration:none;
    vertical-align:middle;
}
.footertext {
	color: Teal;
	font-size: 9px;
}
.dashedborder {
	border-style: dashed;
	border-width: 1px;
	border-color: Gray;
}
.fpimage {
	border: 1px solid;
	border-color: #888888;
	padding:2pt;
	margin: 2px 22px 4px 1px;
}
.fpimagepure {
	margin: 4px 22px 4px 1px;
}

.kajaxloading {
	height: 15px;
	background: url('../images/working.gif') no-repeat left;
}

.awin {
    background-color:#ffffff;
	 display:none;
	 z-index: 120;
	 margin:0pt;
	 padding:10pt;
	 border: 1px solid #000000;
	 position: absolute;
	 left: 300px;
	 top: 200px;
/*	 width: 100px;
	overflow: visible;
*/
}

.awinbg {
	background: url('../images/alpha70.png') repeat 100%;
	 display:none;
	 z-index: 119;
	 position: absolute;
	 left: 0px;
	 top: 0px;
	 width: 100%;
	 height: 3000px;
}

.bordered {
	padding:5px;border: 1px solid #666666;
}

div.divspacer {
  clear: both;
  }
.phototable {
	display:inline;
	float:left;
	margin:5px;
	padding:5px;
	border: 1px solid #666666;
	text-align: left;
}

/* j.1.5.9 */
#system-message .message {
	text-align: center;
	font-weight: bold;
	color: lime;
	margin-right:50px;
}
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	padding: 0;
	margin: 0;
	width:100%;
	list-style-image: none;
	list-style: none;
}
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	padding: 30px;
	margin: 0;
/*	color: #000000; */
	list-style-image: none;
	list-style: none;
	font-size: 140%;
}
/* System Standard Messages */
#system-message dd.message ul {
	background: #006699;
	border: none;
}
/* System Error Messages */
#system-message dd.error ul {
	background: #BF0000;
	border: none;
}
/* System Notice Messages */
#system-message dd.notice ul {
	background: #EE9600;
	border: none;
}

/* tabs */
dl.tabs {
   float: left;
   margin: 10px 0 -1px 0;
   z-index: 50;
}
dl.tabs dt {
   float: left;
   padding: 4px 10px;
   border-left: 1px solid #AAAAAA;
   border-right: 1px solid #AAAAAA;
   border-top: 1px solid #AAAAAA;
   margin-left: 3px;
   background: #ffffff;
   color: #888888;
}
dl.tabs dt.open {
   background: #ffffff;
   border-bottom: 1px solid #ffffff;
   z-index: 100;
   color: #000000;
}
div.current {
   clear: left;
   border: 1px solid #AAAAAA;
   padding: 10px 10px;
   margin: 0px;
}
div.current dd {
   padding: 0px;
   margin: 0px;
}

#skip_top, #skip {
display:none;
}

/*  FORM CSS */
.inputbox {
  border           : 1px solid #888888;
}
.smallinput {
font-size : 11px;
font-weight : normal;
text-indent : 2px;
}
.submitbutton {
	font-weight: bold;
	font-size: 12px;
}

/*  FB CSS */
.facebookLoginmod { width: 100%; color:navy;}
.facebookLoginmod fieldset { border-left: 0; border-right: 0; }
.facebookLoginmod fieldset.input, .facebookLoginmod a img { border: 0; text-align: center; }
.facebookLoginmod form { margin:0 0 0 0;padding:0;}
.facebookLoginmod #form-login-username  { margin: -26px -12px -2px;}
.facebookLoginmod #form-login-password { margin: 0 -12px 12px; }
.facebookLoginmod label { display: none; }
.facebookLoginmod .loginButton { text-align: left; margin: 0 0 0 -10px; }
.facebookLoginmod .facebookbutton { border: 1px solid #cfcfcf; padding: 14px 13px 14px 12px; margin: -2px 0 18px; background: #f0f0f0 url(../images/menuitem-bg.png) repeat-x scroll 0 0; text-align: center; }
.facebookLoginmod ul.facebookLogin { list-style-type: none; margin: 10px 0 -33px -40px; }
.facebookLoginmod .button { color: #3875d7; background:#F0F0F0 url(../images/menuitem-bg.png) repeat-x scroll 0 0;border:1px solid #CFCFCF;margin:0 0 0 3px;padding:2px 4px 2px;text-transform:uppercase;}
.facebookLoginmod .button:hover { background:#FFF url(../images/menuitem-bg-hover.png) repeat-x scroll 0 0;border:1px solid #CFCFCF;margin:0 0 0 3px;padding:2px 4px 2px;text-transform:uppercase;cursor: pointer; }
.facebookLoginmod . button label { display: block; width: 150px; float: left; margin: 2px 4px 2px; text-align: right; }
.facebookLoginmod .facebookLoginmodbox { border: 1px solid #cfcfcf; padding: 12px 13px 0px 12px; margin: 0 0 -8px; background: #f0f0f0 url(../images/menuitem-bg.png) repeat-x scroll 0 0; }
.facebookLoginmod .facebooksmalltext { font-size: 90%; margin-bottom: 12px; text-align: center; }
.facebookLoginmod .facebookul { font-size: 90%; position:relative;top:-46px; left: 70px; }

.facebooklink, a.facebooklink, a.facebooklink:link, a.facebooklink:hover, a.facebooklink:visited{color:#3B5998;}
/* tpl corrections */

div.moduletable, div.module
{
	margin-bottom:0 !important;
}

.BlockContent-body{
	overflow: hidden;
}

/* listings */
.article .fieldValue img{
	margin: 0px;
}

.Post ul li, .Post ol ul li
{
	background-image: url('../templates/playak2009/images/PostBullets.png');
	background-repeat:no-repeat;
/*	padding-left:9px !important; */
	list-style-type: none !important;
}

.dirSection ul li, .dirSection ol ul li
{
	padding-left:9px !important;
}

.inputaux {
background:none repeat scroll 0 0 #F0F0F0;
border-color:#E7E7E7 #666666 #666666 #E7E7E7;
color:#ffffff !important;
border-style:solid;
border-width:1px;
padding:2px 15px 3px;
margin-right:5px;
text-align:center;
text-decoration: none;
}
.inputbutton, .inputsubmit {
background-color:#3B5998;
border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style:solid;
border-width:1px;
color:#000000 !important;
padding:2px 15px 3px;
margin-right:5px;
text-align:center;
text-decoration: none;
}
.pipe {
color:#AAAAAA;
padding:0 7px;
}

.ical_section_event
{
	border:medium none;
	float:left;
	padding:0 10px 10px 0;
}
.ical_section
{
	color:#3B5998 !important;
	font-size:11px;
}
.ical_section a
{
	color:#3B5998 !important;
	text-decoration:none;
	background:url("http://playak.com/images/icalbg.gif") no-repeat scroll right center white;
	border:1px solid #7F93BC;
	display:block;
	margin:0;
	padding:1px 18px 2px 4px;
}

.event_left_column_boxes  {
border-bottom:1px solid #94A3C4;
border-left:1px solid #D8DFEA;
clear:left;
}
.UIProfileBox_Box {
overflow:hidden;
padding-bottom:15px;
position:relative;
}
.UIProfileBox_Header {
background:none repeat scroll 0 0 #ECEFF5;
border-top:1px solid #94A3C4;
margin:0;
overflow:hidden;
padding:5px 8px;
position:relative;
}
.clearfix {
display:block;
}
.UIProfileBox_Title {
float:left;
font-size:11px;
}
.UIProfileBox_Content  {
overflow:hidden;
text-align: left;
padding:10px 8px 0;
}
.status_text {
color:#808080;
font-weight:bold;
margin:0 0 5px;
}

/* community 2010 */
#community-wrap dl.tabs dt {
	padding: 1px;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	border-top:1px solid #AAAAAA;
}
#community-wrap dl.tabs dt.open {
	background-color: #BBBBBB;
}
#community-wrap dl.tabs dt.closed {
	background-color: #ffffff;
}

#community-wrap .jsPasswordStrength_1,
#community-wrap .jsPasswordStrength_2,
#community-wrap .jsPasswordStrength_3,
#community-wrap .jsPasswordStrength_4,
#community-wrap .jsPasswordStrength_5 {
color:#ffffff;
}

body #community-wrap .button{
	border:1px solid #888888 !important;
}


.jfbcfriends{
	background: white;
	padding:1px;
}

div.art-header, .art-blockheader, .art-blockcontent {
    overflow: hidden;
}

.art-button-wrapper {
	display: none;
}

.greyborder {
border:thin solid #AAAAAA;margin:5px;padding:1px;
}

.quarteroffbg{
	background-color: #AAAAAA;
}

/* Frontend Editing*/
fieldset
{
	border: 1px solid #AAAAAA !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	padding: 5px !important;
}

#system-message dd ul {
color: #001144 !important;
border-top: 3px solid #84A7DB;
border-bottom: 3px solid #84A7DB;
}

div.fieldGroup, div.jrFieldGroup{
border:thin solid grey;
width:280px;
margin-bottom:6px;
padding:4px !important;
}

body #community-admin-wrapper {
	background-color: #ffffff !important;
}
#community-wrap .small-button li {
float: none !important;
}
.BlockContent-body ul li {
background-image: none !important;
}

.art-postcontent li
{
   margin: 0px !important;
}

.portlets {width:100%; margin:2px;}
.column {width:50%; *width:49%; float:left;}.portlet {margin-bottom: 1em;}
.portlet-header {padding: 6px; cursor:move;}
.portlet-header .ui-icon {float:right;cursor:pointer;}
.portlet-content {margin-top:4px; overflow:hidden;}
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
.portlets .ui-widget-content {border:none;}
.portlet-header a {
    color: #FFFFFF !important;
    text-decoration: none;
}

/* jquery overrides */
.ui-helper-hidden-accessible { left: -9999999px !important;}

#jr_compareHeader {
background: #ffff00 !important;
}

#interestcontainer {
font-size: 12px;
}

body>#fb-root {
  margin-top: 0px !important;
}

.eventDate {
	color: #333333 !important;
}

#community-wrap .event-category {
	background: #ffffff !important;
}

#community-wrap h3 {
	color: #333333 !important;
}

div.caption 
{
	background: #eee;
	border: 1px solid #999;
	padding: 5px;
	margin: 0 5px;
	/* this should be the same width as your images, as it limits the width of the caption */
	width: 200px;
	/* this text align center is used in conjunction with the margin: 0 auto; on the img element to center the img element */
	text-align: center;
	/* nice rounded corners :) */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.caption img 
{
	/* we don't want it inline any more... */
	display: block;
	/* used in conjunction with the text-align: center; to center the img in the container */
	margin: 0 auto;
}
div.caption p 
{
	/* we don't want too much space around our caption */
	margin: 0;
	padding: 5px 0;
}
.layout-cell
{
	width:100%;
	overflow:hidden;
}

.blockcontent-body ul li, .postcontent ul>li, .art-postcontent ul>li
{
   background-image: none !important;
}
ul.joms-list {
	margin-bottom:0px !important;
}
.postcontent .slides, ul.slides {
    margin: 0.5em !important;
    padding: 0;
}
.joms-focus__link > li {
    padding: 8.65248px 14px !important;
    margin: 3px !important;
}
.joms-list__item {
    margin: 0px !important;
}
.joms-stream, .joms-stream--notifications {
    border: thin solid #EEEEEE !important;
}
.joms-toolbar--desktop ul li, .joms-dropdown li {
overflow: visible !important;
margin: 2px !important;
}
.joms-postbox-dropdown{
    margin: 0px !important;
    padding: 10px !important;	
}
.joms-landing__text {
	margin-left:4em;
	padding: 1em;
}
.joms-landing__text h2 {
	color:white !important;
}
.joms-focus__header, .joms-focus__header a, .joms-focus__header h2 {
	color:silver !important;
}
.joms-subnav--desktop .joms-icon, .joms-toolbar--desktop .joms-icon {
    margin: 0px !important;
}
::-webkit-input-placeholder {
    color:    #AAAAAA !important;
}
:-moz-placeholder {
   color:    #AAAAAA !important;
   opacity:  1;
}
::-moz-placeholder {
   color:    #AAAAAA !important;
   opacity:  1;
}
:-ms-input-placeholder {
   color:    #AAAAAA !important;
}

.art-responsive-embed,
.responsive .content .nostyle,
.responsive #subscrdia,
.responsive .hideresponsive,
.responsive .ui-draggable,
.responsive .ui-widget-overlay,
.responsive .sidebar1 div + div + div, .responsive .art-sidebar1 div + div + div
{
   display:none !important;
}

.alert .close {
    float: right;
}
.alert h4{
    color: #AAAAAA;
    margin-bottom: 1em;
}
p.alert-message {
    margin-bottom: 1em;
}
#system-message {
    padding: 1em !important;
    background-color: aquamarine;
    border: thin solid grey;
    font-size: x-large;
}

/* kunena 2025 */
.moderators {
    /* Set a fixed height instead of width */
    max-height: 3em;
    overflow: hidden;
    position: relative;
}
/* Add ellipsis effect - requires a pseudo-element */
.moderators::after {
    content: '...';
    position: absolute;
    bottom: 0;
    right: 0;
    background: white; /* Match your background */
    padding-left: 5px;
}
/* Show full content on hover */
.moderators:hover {
    max-height: none;
}
/* Ensure the list items don't get cut off awkwardly */
.moderators ul {
    margin: 0;
    padding: 0 0 20px 0; /* Space for the ellipsis */
    list-style-position: inside;
}
.invisible {
	display: none;
}