/* LISTS*/
/*
	mdash 2014
	ndash 2013
	›(guilsinglright) 8250
	› (rsaquo) 203A
	'▼' 25BC
	'►' 25BA
*/			

.text ul, .text ol, .text dd { 
	margin-left: 2.3em;
}

			
.text ul>li:before {
	content: '\2014\a0'; /*— */
	float: left;
	margin-left: -1.3em; /* SYNC */
}

.text ul>li>* {
	text-indent: 0;
}


.text ul ul {
	margin-left: 1.3em; /* SYNC */
}

.text ol ol {
	margin-left: 2.3em; /* SYNC */
	font-weight: bold;
}


.text ul>li.closed:before {
	content: "\25BA";
	font-size: 80%;
}

.text ul>li.open:before {
	content: "\25BC";
	font-size: 80%;
}

.text ul>li.none:before {
	content: "";
}

/* basic horizontal list*/
ul.horiz, ul.horiz li {
	margin: 0;
}

ul.horiz li {
	float: left;
	margin-right: 0.3em;
}


/*IE6*/
/* lifted from artlebedev.ru */
.text ul li {
	_behavior: expression(
		( !this.before && parentNode && parentNode.tagName == 'UL' )
		?
			( this.before = true )
			& ( parentNode.style.listStyleImage = 'none' )
			& ( eNOBR = document.createElement( '<div style="float:left;position: relative; width: 1.3em; left: -1.3em; margin: 0.15em -1.3em 0 0;"><nobr>&mdash;&nbsp;</nobr></div>' ) )
			& ( eNOBR.innerHTML = '&mdash;&nbsp;' )
			& ( this.insertBefore( eNOBR, this.firstChild ) )
		: ''
	);
}

blockquote:before {
	content: '\201C\a0';
	float: left;
	margin-left: -0.6em; /* SYNC */
	font-size: 300%;
	color: #CCC;
}

/*IE6*/
/* lifted from artlebedev.ru */
blockquote {
	_behavior: expression(
		( !this.before )
		?
			( this.before = true )
			& ( parentNode.style.listStyleImage = 'none' )
			& ( eNOBR = document.createElement( '<div style="float:left;position: relative;top:-11px;font-size:300%; color: #CCC">&#8220;</div>' ) )
			& ( eNOBR.innerHTML = '&#8220;' )
			& ( this.insertBefore( eNOBR, this.firstChild ) )
		: ''
	);
}

blockquote {
	margin-left: 5em;
	margin-right: 5em;
}


/* BUTTONS AND LINKS TO LOOK EXACLTY LIKE LINK (default, resetted style) */
button.a {
	top: 0px;
	position: relative;
	display:inline-block;
	background:none;
	margin:0;
	padding:0;
	border-width:0;
	text-decoration:underline;
	cursor:pointer;
	height: 18px;
	margin-left: 1ex; /* margin-left to previous inline element is 0, so set */
	overflow:visible;

	font-weight: inherit;
	font-weight: expression( this.parentNode.currentStyle ? this.parentNode.currentStyle.fontWeight : "normal");
	font-style: inherit;
	font-style: expression( this.parentNode.currentStyle ? this.parentNode.currentStyle.fontStyle : "normal");
	font-size: 100%;
	font-family: inherit;
	font-family: expression( this.parentNode.currentStyle ?  this.parentNode.currentStyle.fontFamily : "sans-serif");

}

button.a::-moz-focus-inner{
	padding:0;
	border:none;
}

/* remove button pressed effect */
/* OPERA */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	button.a:active {
		top: -1px;
		left: -1px;
	}
}
/*IE8*/
button.a:active {
	top: -1px\9;
	left: -1px\9;
}

a:hover, button.a:hover {
	color: #F00;
}

/*IE6*/
button.a {
	_top: 1px;
	_margin-top: -1px;
}


.center_outer {
	right: 50%;
	float: right;
	display: block; /*? let's see */
}

.center_inner {
	z-index: 1;
	right: -50%;
}



/*
	To center a box inside box use table with approprite class

<div>
	<table class="vbottom hcenter">
		<td>
			<div>foo</div>
		</td>
	</table>		
</div>

*/
table.vtop, table.vbottom, table.vcenter, table.hleft, table.hcenter, table.hright, table.centered {
	border: none;
	overflow: hidden;
	height: 100%;
}

table.vtop td, table.vbottom td, table.vcenter td, table.hleft td, table.hcenter td, table.hright td, table.centered td {
	padding: 0;
	border: none;
	top: 0px;
}

table.hcenter, table.centered {
	margin: 0 auto;
}

table.hleft {
	margin: 0 auto 0 0;
}

table.hright {
	margin: 0 0 0 auto;
}

table.vtop td {
	vertical-align: top;
} 

table.vcenter td, table.centered td {
	vertical-align: middle;
} 

table.vbottom td {
	vertical-align: bottom;
} 



.layer {
	position:absolute; 
	top:0; 
	left:0;
	/*z-index:-1000;*/
	width:100%;
	height: 100%;
	background: none;
}

/*IE8*/
.layer {
	top: 0px\9;
}

/*IE6*/
.layer {
	_top: 0px;
	/*_height: expression((ignoreMe = this.parentNode.offsetHeight)+"px");*/
	_behavior: expression(
		( !this.before && parentNode  )
		?
			( this.before = true )
			& ( style.height = parentNode.offsetHeight + "px" )
		: ''
	);

}

.filler {
	width:100%;
	height: 100%;
	background: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.filler {
	_width: 1px;
	_height: 1px;
	_behavior: expression(
		( !this.before && parentNode  )
		?
			( this.before = true )
			& ( style.width = ( (parentNode.style.width ? parseInt(parentNode.style.width) : parentNode.offsetWidth ) - parseInt(currentStyle.paddingLeft) - parseInt(currentStyle.paddingRight) - parseInt(currentStyle.borderLeftWidth) - parseInt(currentStyle.borderRightWidth)) + "px" )
			& ( style.height = ( (parentNode.style.height ? parseInt(parentNode.style.height) : parentNode.offsetHeight ) - parseInt(currentStyle.paddingTop) - parseInt(currentStyle.paddingBottom) - parseInt(currentStyle.borderTopWidth) - parseInt(currentStyle.borderBottomWidth)) + "px" )
		: ''
	);
}