/**
 * Zazar Presentation Framework
 *
 * Stylesheet: zframework.css
 *
 * Version: 2.0.0 Beta 1
 * (C) 2011-2012 Zazar Ltd
 * 
 * Description: Stylesheet for framework presentation, layouts and effects
 *
 * History:
 * 2.0.0 Beta 1 - Initial release
 *
 **/


/* Styling used for all media types */



	/* Rotate */

	.rotate, .rotate li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.rotate { position: absolute; }
	.rotate li { display: block; }
	.rotate h4, .rotate p { margin: 0; }
	.rotateItem { padding: 0.5em 0; }


	/* Scrollto */


	/* Slider */

	.slider, .slider li {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}
	.slider li { float: left; }

	.sliderItem {}

	.sliderPrevious, .sliderNext {}


	/* Tabs */

	.tabs {
		margin: 0;
		padding: 0;
		height: 1px;
		list-style: none;
	}
	.tabs li {
		float: left;
		margin: 0 2px 0 0;
		position: relative;
		top: 1px;
		border: 1px solid #888;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	.tabs li a {
		display: block;
		margin: 0 1px;
		padding: 0.2em 1em;
	}
	.tabs li.current {
		background: #fff;
		border-bottom: none;
	}
	.tabs li.current a { border-bottom: 1px solid #fff; }
	.tabs li a:focus { outline: none; }

	.tab {
		clear: left;
		padding: 0.5em 1em;
		background: #fff;
		border: 1px solid #888;
		border-top-right-radius: 6px;
	}


	/* Ticker */

	.ticker, .ticker li { position: relative; }
	.ticker { overflow: hidden; }

	.tickerPrevious, .tickerNext {}


	/* Tooltip */

	.tooltipPopup {
		padding: 0.3em 0.5em;
		letter-spacing: 0;
		font-size: 0.9em;
		line-height: 120%;
		background-color: #fff;
		border: 1px solid #000;
	}


	/* Tree */
	.tree * {
		margin: 0;
		padding: 0;
	}
	.tree li {
		padding-left: 21px;
		list-style: none;
	}
	.tree li.root { padding-left: 0; }
	.tree li li {
		margin-left: 10px;
		padding-left: 31px;
	}
	.tree li li.root { padding-left: 10px; }

	.tree.lines li li { background: url('ui_tree_node.gif') no-repeat 17px center; }
	.tree.lines li li.root { background: url('ui_tree.gif') repeat-y 17px 0; }
	.tree.lines li li.last { background: url('ui_tree_last.gif') no-repeat 17px 0; }
	
	.treePlus, .treeMinus {
		float: left;
		display: block;
		margin-top: 2px;
		padding: 0 5px 0 0;
		height: 16px;
		width: 13px;
		text-indent: -999em;
		line-height: 0;
		font-size: 0;
		background: url('ui_tree_buttons.gif') no-repeat;
	}
	li > span.treePlus, li > span.treeMinus { width: 16px; }

	.treePlus:hover { cursor: pointer; }
	.treeMinus { background-position: 0 -16px; }

	
	/*
	 * Misc classes
	*/

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.clearfix {
		display: block;
		min-height: 1%;
	}
	* html .clearfix { height: 1%; }




/* Styling for printing */

@media print {

	/* Not currently implemented */
}


/* Styling for iPhone only */

@media screen and (max-device-width: 480px) {

	/* Not currently implemented */
}