@CHARSET "UTF-8";

@IMPORT url("pal/c3.css");

@IMPORT url("h1h2h3.css");
@IMPORT url("header.css");
@IMPORT url("2columns.css");
@IMPORT url("../../evwidgets/css/widgets.css");
@IMPORT url("../../comm/css/elem_view.css");
@IMPORT url("../../arts/css/style.css");
@IMPORT url("../../comm/css/panels.css");
@IMPORT url("../../mlc/css/templatetags.css");
@IMPORT url("forms.css");
@IMPORT url("../../members/css/templatetags.css");
@IMPORT url("../../articles/css/templatetags.css");
@IMPORT url("../../events/css/style.css");
@IMPORT url("../../events/css/templatetags.css");
@IMPORT url("../../rates/css/templatetags.css");
@IMPORT url("../../address/css/style.css");


/*********************
 *  color scheme 
 */
body {
	font: normal 11px/16px verdana,arial,helvetica,sans-serif;
	color: black; 
	background-color: white;
	margin: 0;
	}
p, span, td, th, li, ul, ol, h4, h5, h6 {
	font: normal 11px/16px verdana,arial,helvetica,sans-serif;
}
a {
	font: normal 11px/14px verdana,arial,helvetica,sans-serif;
}

a img {
	border: 0;	
}

/* html h1 {font-size: 15px; font-weight: normal;} */
p {margin-top: 0; margin-bottom: 1em; text-align: left;}


/* links */
a.arrow {background: transparent url("../images/arrow.jpg") left no-repeat; padding-left: 14px;}

a {background: transparent; outline: none; border: none;}
a:link {font-weight: normal; text-decoration: none; color: darkCyan;}
a:visited {font-weight: normal; text-decoration: none; color: darkCyan;}
a:hover{font-weight: normal; text-decoration: underline; color: darkCyan;}
a:active{font-weight: normal; text-decoration: none; color: darkCyan;}
a:focus{outline: none;}

.errtext {color: red; font-size: 10px;}
.smalltext {font-size: 11px; line-height: 14px;}
/** end color scheme */



/********************
 * layout
 */
/* debug 
div {border: dotted 1px gray;} */

.textcenter {text-align: center;}

#body {
	text-align: center;
}
#container {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/* float right dosuwa do prawej, clear right ignoruje wcześniejsze bloki po prawej, powodując
   dosunięcie do krawędzi kontenera, a nie innego bloku/sąsiada */
#member {float: right; clear: right; text-align: right; margin: 30px 4px 4px 0;}
#member p {text-align: right; font-size: 11px; margin: 0; padding: 0;}
#member .username {font-weight: bold;}

#headlines {clear: both; font: normal 12px sans-serif;
	padding: 2px;
	border-left: 8px solid #FFB200;
	border-right: 8px solid #FFB200;
	border-bottom: 1px solid #FFB200;}
#topmenu ul {margin: 0; padding: 0;}
#topmenu li {display: inline; padding: 2px;}

#primarycontent {
	display: block;
	overflow: visible;
	/* gdy backgroud ustawiony jest na transparent (domyślnie) to w IE uaktywnienie się
	   pozycji menu w obszarze 'sidebar' powodowało znikanie tła / ramki #primarycontent.
	   Ustawienie jakiejkolwiek innej wartości, np. white, eliminuje ten problem.  Ugh! */
	background-color: white; 
	float: left;
}

#sidebar {
	display: inline;	/* dla IE */
	width: 150px;
	float: left;
	margin-left: -150px;
	border: none;
}
#sidebar a {font: normal 11px/18px sans-serif;}

#content {
	display: block;
	float: left;
	padding: 15px;
	width: 615px;
}

#content_singlecolumn {
	display: block;
	padding: 15px;
	width: 100%;
}

.login_standalone {
	margin-left: 50%;
	position: relative;
	left: -25%;
	width: 400px;
}

.clear {clear:both;height:1px;overflow:hidden;}
.clearvisible {clear:both;}

#footer {
	/*border-top: 1px solid #ff7a30;*/
	margin-top: 20px;
	margin-bottom: 40px;
	height: 25px;
	clear: both;
	color: darkTurquoise;
	text-align: center;
	font-size: 10px;
}
* html #footer {margin-bottom: 26px;}

.footlinks {padding: 4px; border-top:2px solid darkSlateGray;}
.linkholder {margin: 0; padding: 0 4px; border-right: 1px dotted #bbb;}
.linkholder a {color: darkSlateGray;}
.linkholder a:link, .linkholder a:visited, .linkholder a:hover, .linkholder a:active {color: darkSlateGray;}
.linkholder a:hover, .linkholder a:active {color: Orange; text-decoration: none;}
.lastlinkholder a:link, .lastlinkholder a:visited, .lastlinkholder a:hover, .lastlinkholder a:active {color: darkSlateGray;}
.lastlinkholder a:hover, .lastlinkholder a:active {color: Orange; text-decoration: none;}
.copyright {font-size: 11px; color: black;}

.align-right { text-align: right; }
.align-left { text-align: left; }

.gap-above { padding-top: 1em; }

/** end layout */

.notifications img {float: right;}
.notifications a img {float: right; border: none;}


#top-wide {width: 100%;}
div#id_intro_border {background-color: #ffc; margin-bottom: 1.5em;}
#id_intro {padding: 10px; width: 750px;}
#id_intro p {margin: 0; text-align: center;}
#id_intro p, #id_intro a {font-size: 10px; line-height: 14px;}
#id_intro em {color: #909; font-style: normal;}
#id_intro a {color: #909;}
#id_intro a:hover, #id_intro a:active {color: darkOliveGreen;}

#id_messages_border {width: auto; background-color: #ffaa80; margin-bottom: 1em;}

#messages ul {list-style: none; margin: 0; padding: 5px 10px;}
#messages li {padding-bottom: 0.3em; font-size: 10px; line-height: 14px;}
.removemessage {display: block; float: right; font-size: 10px; padding-right: 10px;}


/**********************
 * FORMS
 */
div.form {
	padding: 10px 0;
	margin: 0% 5%;
	border: solid 1px black;
	background-color: #FFD773;
	text-align: center;
}

div.form td {
	font-size: 11px;
	line-height: 14px;
	vertical-align: top; 
	padding-left: 4px;
}
div.form table tr {
	border-bottom: dotted 1px #FFB200;
}

.widget input, textarea, select {
	border: solid 1px #bbb; 
	background-color: #eee;
}

.widget ul {list-style: none; margin: 0; padding: 0; text-align: left;}
.widget li {display: inline;}
div.form .helptext {font-size: 9px; vertical-align: top;}

div.form table {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	white-space: nowrap;
}

div.form .helptextcolumn {white-space: normal;}

div.form .rbinline {
	display: inline;
	list-style: none;
}


/** end FORMS */

/*****************
 * others
 */
 
ul.simplelist {list-style: none;}

li.cbxtree_item {
	display: block;	
}

.bottom_more_link {
	display: block; 
	text-align: left; 
	clear: both;
	margin: 0;
}


/** public profile  */

table.form_view {
	margin: 10px 0 0 0;
}

table.form_view th {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding-left: 20px;;
}

table.form_view td {
	text-align: left;
	padding: 2px 10px;	
}

.summary_photo {}
img.photo_normal { float: left; margin-bottom: 10px;}
.summary_photo .simplelist { margin: 0 5px 10px; padding: 0;}
.summary_details {}

#pprofile_state {float: right;}
#member_summary {clear: both;}

.SimpleNumericTable {width: 100%; padding-right: 10px;}
.SimpleNumericTable th {text-align: left; padding: 0;}
.SimpleNumericTable td {text-align: right; padding: 0;}

.simpletable {width: 100%;}
.simpletable td {padding: 0 3px;}

.toolbar-right {text-align: right;}
.toolbar-right img {padding: 0 0 3px 6px;}
div#id_pageinfotext, div#id_pageinfotext p, div#id_pageinfotext .pre {
	font-size: 10px; 
	line-height: 14px;
	text-align: justify;
	}
table.metrics {
	border: 5px solid #ddd;
	padding: 5px;
	}
table.metrics th, table.metrics td { font-size: 10px; line-height: 12px; }


.private {
	background: url("/media/main/images/lock_24.gif") no-repeat left top;
	padding-left: 26px !important;
	min-height: 24px;
	}
.eventsnippet .private {
	display: block;
	background: url("/media/main/images/lock_16.gif") no-repeat left top;
	padding-left: 18px !important;
	min-height: 16px; line-height: 16px;
	}
.eventtitle {
	font-size: 16px;
	line-height: 24px;
	}

/*
#id_comments_panel {
	padding: 2px;
	}
*/
#id_comments_panel li, #id_comments_panel td, #id_comments_panel th {
	padding: 3px;
	border: none;
	}
#id_comments_panel table {
	border: none;
	}
#id_comments_panel th {
	border-right: 1px solid #bbb;
	}
#id_comments_panel td {
	vertical-align: top;
	}
	
.addcomment textarea {
	width: 100%;
	height: 100px;
	}
.addcomment h3 {
	margin: 0;
	margin-bottom: 5px;
	}
	
.rowA {background-color: #ddd;}
.rowB {background-color: #eee;}

.commentinfo, .commentinfo a {font-size: 9px;}
.commentbody {padding: 10px;	}

/* simple list navigation next/previous */
.simplenav .prev {float: left;}
.simplenav .next {float: right;}

/******************************
 * common styles for elements
 *****************************/
 
/* element header */
.elementheader h1.title, .elementheader h1.title a {
	/* color: #00029F; 
	color: #666;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold; */
	
	color: darkSlateGray;
	font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2em;

	margin-bottom: 0;
	}
.elementheader {padding-bottom: 0px;}
/* end element header */

/* element body */
/* end element body */

/* element footer */
.elementfooter {padding-bottom: 15px; clear: both;}
/* end element footer */

/* object snippet */
.snippetpicture {
	float: left; 
	margin-right: 10px;
	/*
	width: 93px;
	height: 93px;
	*/
	border: 1px solid #bbb;
	background-color: #ddd;
	padding: 5px;
	}
/* end object snippet */
.smalltext, .smalltext a {font-size: x-small;}
.verysmalltext, .verysmalltext a {font-size: xx-small;}

.bigbuttonlink {}
.bigbuttonlink .w1 {
	float: left;
	position: relative;
	left: 50%;
	border: none;
	}
.bigbuttonlink a {
	display: block;
	background: transparent url("../images/btn1o.png") left no-repeat;
	position: relative;
	left: -50%;
	border: none;
	cursor: pointer;
	}
.bigbuttonlink a span {
	display: block;
	height: 14px;
	line-height: 14px;
	padding: 5px 12px;
	background: transparent url("../images/btn1c.png") right no-repeat;
	white-space: nowrap;
	color: darkOliveGreen;
	font-weight: normal;
	text-align: center;
	border: none;
	}
* html .bigbuttonlink .w1 { width: 1%;}
* html .bigbuttonlink a span { width: 1%; height: 16px;}

.regevent {float: right;}

/* pictures */
.picture-border {
	background: url("/media/main/images/frame-100x70.png") no-repeat scroll 0 0 transparent; 
	padding: 5px;
	}
.picture-border img { border: none;}

a.snippet-picture {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 6px;
	}

/* end pictures */

/* Property-like tables 
   Labels left, values right.
*/
.proptitle {
	font-size: 16px; 
	color: #777;
	margin-bottom: 10px;
	}

.properties { 
	width: 100%; 
	margin-bottom: 5px; 
	border-spacing: 2px; /* not in IE6 */
	}

.properties caption {
	font-size: 12px;	/* medium ? */
	font-weight: bold;
	padding: 5px 2px;
	text-align: left;
	color: #666;
	}

.properties th {
	padding-right: 10px;
	font-weight: bold;
	font-size: 9px;	/* xx-small ? */
	text-transform: uppercase;
	vertical-align: top;
	color: #666;
	background-color: #eee;
	}
.properties td {
	background-color: #ddd;
	/*width: 100%;*/
	}
.properties th, .properties td {
	vertical-align: top;
	line-height: 14px;
	padding: 3px;
	text-align: left;
	}
.properties input {
	margin: 0 5px;
	}
/* end property-like tables */


/* members profile */
#fitness_level_table th {
	white-space: nowrap;
	}
	
#fitness_level_table td {
	font-size: 10px;
	width: 100%;
	}
.fieldcolumn {
	width: 100%;
	}
/* end members profile */


/* SHADOWS */
.shadow {
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.shadow div.iehack {
  background: none !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.shadow div.panel {
  /*
  color: #777;
  background-color: #fff;
  */
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
  
  
 /* BUTTONS */ 
.buttonbar {
	overflow: auto;
	width: 100%;
	height: 26px;
	margin: 0;
	text-align: left;
	background-color: #ddd;
	border-top: 1px solid #bbb;
	}
	
.buttonbar td {	
	border-bottom: none;
}

.buttonbar input {
	float: left;
	height: 20px;
	border: 1px solid #bbb;
	font: normal 10px/20px sans-serif;
	color: black;
	background-color: #eee;
	margin: 3px;
}
.buttonbar input:hover {
	background-color: #cfcfcf;
	}
	
	
/* TREES */
#treebtn {
	position: relative;
	top: 3px;
	cursor: pointer;
	}

/* MEMBERHOME */
table.memberhome {
	width: 100%;
	}

table.memberhome td {
	vertical-align: top; 
	width: 32%;
	padding: 0 5px 0;
	}

.other-links { padding-top: 5px;}

.app-not-posibble {
	font-weight: bold;
	text-align: right;
	}
	
	
/* Paginator */
.paginator-top { border-bottom: 1px dotted #999; margin-bottom: 10px; padding-bottom: 5px;}
.paginator-bottom { border-top: 1px dotted #999; margin-top: 10px; padding-top: 5px;}
.paginator a { font-weight: bold; font-size: 11px; line-height: 10px;}
.paginator span { border-right: 1px solid #777; font-weight: bold; font-size: 11px; line-height: 10px;}
.paginator .summary { padding: 0px; float: left; border: none; color: #777;}
.paginate-first { float: right; padding: 0px 4px; }
.paginate-last { float: right; padding: 0px 4px; border-right: none !important; }
.paginate-previous, .paginate-next { float: right; padding: 0px 4px; }
.paginate-link {  float: right; padding: 0px 4px; }
.paginate-current {  float: right; padding: 0px 4px; color: #bbb;}
.pag-noseparator { border-right: none !important; }
/* end Paginator */


/* Regions & Categories Panels */
.labelontop {display: block; margin-top: 5px;}

#regions_id h2 {position: relative;  top: -5px; margin-left: -11px; margin-right: -11px;}
#regions_id h2 ul {overflow: visible; height: 12px; margin: 0; padding: 0; list-style-type: none;}
#regions_id h2 li {display: block; float: left; padding: 0 4px 0 14px; font-size: 10px; line-height: 13px;
	background: transparent url(/media/main/images/arrow.jpg) no-repeat left;}
#regions_id li {font-size: 10px; line-height: 13px;}
#regions_id_body ul.summary li {margin: 2px;}

a.selected_region {font-weight: bold !important; }


#percategory_id h2 {position: relative;  top: -5px; margin-left: -11px; margin-right: -11px;}
#percategory_id h2 ul {overflow: visible; height: 12px; margin: 0; padding: 0; list-style-type: none;}
#percategory_id h2 li {display: block; float: left; padding: 0 4px 0 14px; font-size: 10px; line-height: 13px;
	background: transparent url(/media/main/images/arrow.jpg) no-repeat left;}
#percategory_id li {font-size: 10px; line-height: 13px;}
#percategory_id_body ul.summary li {margin: 2px;}

a.selected_category {font-weight: bold !important;}
/* END Regions & Categories Panels */

.linkrow {clear: both; margin-top: 6px;}

/* LOGIN Tag */
.logintag table {float: left; width: 75%;}
.logintag .buttons {float: right; position: relative; top: 3px; clear: none;}
.logintag label, .logintag th {font-size: 10px; text-align: left; white-space: nowrap;}
.logintag input {font-size: 13px; border: solid 1px #bbb; background-color: #eee; margin: 5px 0 0 10px; display: block;}
.logintag .errorlist li {font-size: 9px; line-height: 11px; }
.logintag .errors {font-size: 9px; line-height: 11px; color: red;}
.logintag .linkrow {padding: 2px 0 0 2px; text-align: right;}

/* end LOGIN Tag */

.pmark {background: transparent url(/media/main/images/point.png) no-repeat center; border-left: 1px solid black;}
* html .pmark {background: white url(/media/main/images/point.png) no-repeat center;}

#billboard-wrapper, #wrapper {
	height: 144px;
	width: 100%;
	overflow: hidden;
}
#billboard-wrapper {
	margin-bottom: 5px;
}

#bannertop {
	text-align: left;
	padding-bottom: 20px;
}
.contentbanner {
	text-align: center;
	margin-bottom: 20px;
}
.contentbanner img {
	padding: 0 0 10px 0;
}

.bannerbottom, .iab_button {
	text-align: center;
}
.bannerbottom img, .iab_button img {
	padding: 10px 0;
}
div#rotation {
    text-align: center;
	overflow: hidden;
	margin-top: 20px;
}
div#rotation iframe {
    margin-bottom: 20px;
}

/*
div#skyscraper {
    float: right;
}
*/

div.skyscraper2 {
    margin-top: 15px;
}

.advlabel {
	font-size: 9px;
	text-align: center;
	color: darkblue;
}

/*  Colors  */
a, a:link, a:visited, a:hover {color: darkRed;}
.articlebody a, .articlebody a:link, .articlebody a:visited, .articlebody a:hover {color: Blue;}

#panels_right a:link, #panels_right a:visited, #panels_right a:hover {color: darkSlateGray;}

/* Links page */
.links-table {
    width: 100%;
}

.links-table td {
    padding: 20px;
    text-align: center;
}