/**
 * core styles generated by YACS
 *
 * This is a reference style sheet of YACS, and it may be automatically updated
 * on each new software release.
 *
 * To benefit from these styles out-of-the-box, insert a declaration at the very
 * beginning of own style sheet like this:
 *
 * @import url("../_reference/yacs.css");
 *
 * Else you can pick-up all or part of various sections of this library into
 * your own style sheet:
 *
 * - nicetitle links
 * - AJAX tabs
 * - AJAX threads
 * - AJAX users
 *
 * @author Bernard Paques [email]bernard.paques@bigfoot.com[/email]
 * @author Thierry Pinelli (ThierryP)
 * @reference
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
 */

/**
 * standard tags
 */

del {
	color: #644;
	background-color: #FFCC99;
}
	
ins {
	color: #644;
	background-color: #FFCC99;
	text-decoration: none;
}

pre {
	overflow: auto; /* add an horizontal bar to browse long lines of code, if necessary */
}

table {
	clear: none;	/* IE6 clears tables */
	width: 99%;		/* else IE6 may put tables below floating divs */
}

/**
 * scriptaculous autocomplete
 *
 * @link http://wiki.script.aculo.us/scriptaculous/show/Ajax.Autocompleter
 */
div.autocomplete,
#main_panel div.autocomplete {
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	z-index: 1500; /* show in front of tinymce, which is at 1000 */
}

div.autocomplete ul,
#main_panel div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div.autocomplete ul li.selected,
#main_panel div.autocomplete ul li.selected {
	background-color: #ffb;
}

div.autocomplete ul li,
#main_panel div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
/*	height:32px; */
	cursor:pointer;
	background-image:none;
}

/**
 * forms with Ajax -- see forms/edit.php
 */

div.captured { /* some text provided in the form */
	border: 1px dotted #ddd;
	margin: 1em auto 1em 0;
	padding: 0.5em;
}

div.dropmarker { /* the horizontal line to track position during drag */
	height: 6px;
	width: 100px;
	border-top: 3px solid #666;
	color: #fff;
	z-index: 1000;
	margin: 0 0 30px 20px;
}

div.sortable {
	position: relative;
/*	border: 1px solid #ccc; */
	margin: 0.3em 0 0 0;
	padding: 0.5em 0 0.5em 0;
	width: 500px;
}

.sortable_hover {
	background-color: #edf6dd;
}

div#form_input_panel {
	margin-top: 2em;
	padding-top: 1em;
}

div#form_panel {
	position: relative;
}

div#form_panel h2,
div#form_panel h3 { /* align title with dragging handle */
	clear: none;
}

div#form_wrapper { /* the panel where fields are handled */
	margin-bottom: 2em;
	padding-bottom: 0.5em;
	min-height: 5em;
}

/**
 * on-demand toolbox
 */

div.properties { /* the properties sheet that appears on click */
	background-color: #eee;
	display: block;
	margin: 0;
	padding: 0.5em;
	/* do not use display: none here, else it would not appear on-demand */
}

span.onHoverLeft { /* the little handle on the left for sortable elements */
	cursor: move;
	display: block;
	float: left;
	padding: 0;
	visibility: hidden; /* changed in Yacs.mouseOver() and Yacs.mouseOut() */
}

span.onHoverRight { /* the toolbox on the right */
	display: block;
	float: right;
	padding: 0;
	visibility: hidden; /* changed in Yacs.mouseOver() and Yacs.mouseOut() */
}


 /**
 * modal box
 */

div#modal_centered { /* the centered container */
	position: absolute;
	top: 30%;	/* top and left will be adjusted dynamically through javascript */
	left: 30%;
	display: block;
	text-align: center;
	color: #444;
	background-color: #fff;
	border: 2px solid #888;
	margin: 0 auto;
	padding: 4px;
	z-index: 2000;
}

div#modal_content div.boxButtons {
	margin-top: 0.5em;
	padding: 0.5em 0 0.3em 0;
	text-align: center;
}

div#modal_content h2.boxTitle {
	margin-top: 0;
	padding-top: 0;
}

div#modal_image_panel {
	padding: 6px;
}

div#modal_panel {	/* the grey overlay that sits behind the modal box */
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background: transparent url('overlay_background.png') repeat; /* transparent image generated at http://apps.everamber.com/alpha/ */
	text-align: center;
	z-index: 1999; /* just below modal_centered */
}

/**
 * nicetitle links
 */

div.nicetitle {
	position: absolute;
	padding: 4px;
	top: 0px;
	left: 0px;
	color: white;
	font-size: 13px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width: 25em;
	max-width: 25em;
	font-weight: bold;
	background: url("nicetitle_background.png");
}
div.nicetitle p {
	margin: 0;
	padding: 0 3px;
	text-align: left;
}
div.nicetitle p.destination {
	font-size: 9px;
	text-align: left;
	padding-top: 3px;
}

/**
 * horizontal tabs generated by Skin::build_tabs()
 *
 * @see skins/skin_skeleton.php
 * @link http://www.dynamicdrive.com/style/csslibrary/item/shade-image-tabs-menu/P30/
 */

div#tabs_bar {
	position: relative;
	margin: 2em 0 1em 0;
	padding: 0 0 0 0.5em;
	line-height: 20px; /* to avoid tabs superposition */
   	width: 80%; /* room on the right for avatars, etc. */
	border-bottom: 1px solid #c0c0c0;
}

div#tabs_bar ul {
	font-family:	Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 21px;
	list-style-type: none;
	text-align: left; /* change to left, center, or right to align the menu as desired */
	margin: 1px 0 0 0;
	padding: 6px 0 0 0;
}

div#tabs_bar ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

div#tabs_bar ul li a {
	text-decoration: none;
	padding: 3px 7px;
	margin: 0;
	border: 1px solid #c0c0c0;
	border-bottom: none;
}

div#tabs_bar ul li.tab-background a {
	color: #2d2b2b;
	background: white url("ajax_tab_bg.gif") top left repeat-x;
}

div#tabs_bar ul li.tab-foreground a {
	color: #0066CC;
	background: white url("ajax_tab_bg_active.gif") top left repeat-x;
	border-bottom: 1px solid #fff;
}

div#tabs_panels {
	width: auto;
	padding: 0;
	margin: 1em 0 0 0;
	min-height: 200px;
	overflow: auto;
}

div#tabs_panels div.panel-foreground {
	display: block;
	position: static;
	left: 0;
	max-width: 3000px; /* avoid overlap between tabbed panels in FF */
}

div#tabs_panels div.panel-background div.sidebar_box { /* show sidebars in visible tabs */
	display: block;
}
	
div#tabs_panels div.panel-background {
/*	display: none;  do not hide tab content, this may kill Google Maps */
	position: absolute;
	left: -20000px; /* no impact on horizontal sliding control */
	max-width: 3000px; /* avoid overlap between tabbed panels in FF */
}

div#tabs_panels div.panel-background div.sidebar_box { /* mask sidebars in hidden tabs */
	display: none;
}
	
/**
 * styles for threads
 *
 * @see articles/view_as_thread.php
 */

div#thread_wrapper { /* around text and input field */
	position: relative;
	max-width: 700px; /* limit the width */
	margin: 1em 0;
	padding: 0 0 6px 0;
}

div#thread_wrapper textarea#contribution { /* the main input field */
	width: 99%;
	margin: 0 0 0.5em 0;
	padding: 3px;
	background-color: #eee;
	overflow: auto; /* add a vertical scroller if required */
	border: 1px dotted #aaa;
}

div#thread_wrapper button#submit { /* the submit button */
	cursor: pointer;
}

div#thread_files_panel {
	margin: 0;
	padding: 0;
}

div#thread_text_panel { /* where successive contributions are displayed */
	margin: 0 0 0.5em 0;
	padding: 0;
	height: 350px; /* ensure the input field is always visible */
	max-height: 350px;
	overflow: auto; /* add a vertical scroller if required */
	border: 1px dotted #ccc;
	background-color: #fcfcfc;
}

div#thread_text_panel dl dd { /* one contribution */
	margin: 0;
	padding: 0.3em 0.6em 0.3em 0.6em;
	text-align: left;
}

div#thread_text_panel dl dd.thread_me { /* one of my own contribution */
	border-top: 1px solid #d5d5d5;
	background-color: #ffffe5;
}

div#thread_text_panel dl dd.thread_other { /* one contribution from another surfer */
	background: transparent url("row_bg.gif") repeat-x;
}

div#thread_text_panel dl dt { /* contributor details */
	clear: both;	/* because of stacked rows */
	float: left;
/*	width: 120px; */
	margin: 0;
	padding: 0.3em 1em 0.3em 0.6em;
	text-align: left;
}

div#thread_text_panel dl dt.thread_me { /* my details */
}

div#thread_text_panel dl dt.thread_other { /* details about other contributor */
}

div.follow_up { /* comments from page author */
	border: none;
	background-color: #ffffe5;
}

/**
 * tags
 */

p.tags {
	font-family:	Arial,sans-serif;
	font-size: 12px;
	font-weight:	400;
	font-style:	normal;
	color:	#666666;
	margin: 1em 0;
}

p.tags a {
	font-family:	Arial,sans-serif;
	font-size: 12px;
	font-weight:	400;
	font-style:	normal;
	color:	#666666;
	padding: 1px 5px 2px 15px;
	margin: 0;
	text-transform:	none;
	text-decoration:	none;
	letter-spacing:	normal;
	word-spacing:	normal;
	line-height:	16px;
	text-align:	start;
	vertical-align:	baseline;
}

@media screen { /* only on screen */

	p.tags a {
		background: transparent url("tag_bg.gif") top left no-repeat;
		border-right: 1px solid #c2c2c1;
	}

}

/**
 * styles used for locked threads
 */

dl.comments dd { /* comment content */
	margin: 0 0 1em 15px;
	padding: 0.6em;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background-color: #E5DDCD;
}

dl.comments dt { /* poster name */
	font-size: 0.7em;
	margin: 0;
	padding: 0.3em 0.3em 10px 0.3em;
	background: transparent url("comment_dt_bg.gif") bottom left no-repeat;
}

dl.comments dd .details { /* some details in comments */
	font-size: 0.7em;
	color: #888;
}

/**
 * users and their presence
 */

div#extra_panel ul.compact li a.idle { /* user is present, yet idle */
	color: #888;
}

/**
 * calendars
 */

table.calendar { /* one table per month */
	margin: 0.5em 3px 0.5em 3px;
}

table.compact caption { /* label for target month */
	padding: 0 0 0 0.5em;
	font-size: 1em;
	text-align: left;
}

table.compact tr td,
table.compact tr th { /* a cell in a compact calendar */
	font-weight: normal;
	padding: 0.3em;
	text-align: center;
}

table.month caption { /* label for target month */
	margin-top: 1em;
	padding: 1em 0 0 0.5em;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

table.month tr td,
table.month tr th { /* an ordinary cell in a calendar table */
	font-weight: normal;
	width: 10em;
}

td.spot { /* a cell in calendar that has some content */
	background-color: #fdd;
}

dl.family { /* a list of dates */
	margin-bottom: 1em;
}

dl.family dt { /* a date */
	margin-top: 0.5em;
}

dl.family dd { /* data for one date */
	margin: 0 0 1em 0;
}

/**
 * other reference styles used by YACS
 */

div.top { /* poster information, when placed at page top */
	margin-bottom: 2em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
   	width: 80%; /* same width as div#tabs_bar */
}

div.bottom { /* the last div of the content area */
	margin-top: 2em;
	border-top: 1px solid #ccc;
	padding-top: 1em;
   	width: 80%; /* same width as div#tabs_bar */
}

address {
	font-style: normal;
	padding: 2em 0;
}

p.cloud { /* ensure a minimum size for elements of a cloud */
    font-size: 11px;
}

div#cover_article { /* the main text at the front page */
	margin-top: 0.5em;
	margin-bottom: 1em;
}

div.description { /* the main text */
	margin-top: 0.5em;
	margin-bottom: 1em;
}

div.folder_box {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	clear: left; /* align below floating images */
}

div.digg { /* a left floating box */
/*	float: right; */
	position: absolute;
	top: auto;
	left: -60px;
	width: 52px;
	margin: 0 1em 1em 0;
	padding: 0;
}

div.digg div.votes { /* report on previous votes */
	font-size: 12px;
	background: transparent url("votes_bg.gif") top left no-repeat;
	height: 47px; /* 53 - 6 */
	text-align: center;
	margin: 0;
	padding: 6px 1em 0 1em;
}

div.digg div.votes span.big { /* number of votes */
	font-size: 18px;
}

div.digg div.rate { /* a link to vote */
	border: 1px solid #ccc;
	text-align: center;
	margin: 4px 0 0 0;
	padding: 0.1em;
	font-size: 14px;
}

div.digg div.rate:hover { /* an easy-to-click link */
	background-color: #ddd;
}

div.digg div.rate a,
div.digg div.rate a:hover { /* no underline, etc. */
	text-decoration: none;
}

div.digg_content { /* actual page content */
	position: relative;
	margin-left: 60px;
	min-height: 100px;
}

p.follow_up { /* at the bottom of some component */
	margin: 1em 0 0 0;
	padding: 2px 0 0 0;
}

p.columns_prefix { /* comes before columns */
	clear: left; /* align properly after site map, if any */
	margin: 0;
	padding: 0;
}

p.columns_suffix { /* comes after columns */
	clear: left; /* compensate for left-floated columns */
	margin: 0; /* ignored by firefox anyway */
	padding: 0 0 2em 0; /* make some room below columns */
}

div#page_details {
	margin-top: 3em;
}

div#comments,
table.jive,
table.yabb { /* align comments below thumbnails in main content */
	clear: left;
}

div.toc_box div.panel { /* content of sliding panels */
	opacity: 0.9;
	background-color: #eee;
	padding: 1em;
	width: 40em;
}

/* do not print commands */

@media print { /* things to not print */

	.daily_menu, 		/* used in blogs */
	.menu, 				/* an inline menu */
	.menu_bar,			/* a line of commands */
	.no_print,			/* something to be only displayed */
	.page_menu,			/* the main line of commands for this page */
	.path,				/* bread crumbs */
	.toc_box,			/* table of content */
	#extra_panel,		/* side content */
	#footer_panel,		/* nothing to be printed there */
	#header_panel,		/* nothing to be printed here */
	#navigation_panel {	/* repeated across pages */
		display: none;
	}
	
	#main_panel { margin: 0px 0px 20px 0px; } /* no margin please */


}