@charset "utf-8";



.prev, .next {
	background-image: url(../img/ico_arrows.gif);
	background-repeat: no-repeat;
	display: block;
	width: 10px;
	height: 38px;
	margin-top: 13px;
	overflow: hidden;
	text-indent: -9999px;
}
.prev {
	background-position: 0 0;
}
.next {
	background-position: -10px 0;
}

/* {{{  preview with links */
#preview {
	position: relative;
	margin: 10px 0;
}
html>body #preview { overflow: hidden; }
* html #preview { height: 1%; }
* html #preview div { height: 1%; }
#preview a {
	float: left;
	margin-right: 11px;
}
#preview .panel {
	float: left;
	left: 0;
	width: 300px;
	overflow: hidden;
	height: 64px;
	position: relative;
}
#preview .panel-content {
	float: none;
	left: 0;
	height: 64px;
	position: relative;
	overflow: visible;
	width: 450px;
}
.panel-content a {
    width: 64px;
    background: orange;
    height: 75px;
    position: relative;
    text-decoration: none;
}
.panel-content a span {
    position: absolute;
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    top: 5px;
    left: 20px;
}
/* }}}  preview with links */


/* {{{  preview with table */
#preview2 {
	position: relative;
	margin: 10px 0;
	width: 420px;
}
#preview2 .prev, #preview2 .next {
	position: absolute;
	top: 5px;
}
#preview2 .prev {
	left: 0;
}
#preview2 .next {
	right: 0;
}
#preview2 .panel {
	width: 380px;
	overflow: hidden;
	height: 66px;
	margin: 0 20px;
	position: relative;
}
#preview2 table {
	left: 0;
	height: 64px;
	position: relative;
	width: 450px;
	table-layout: fixed;
}
#preview2 td {
    width: 75px;
    background: orange;
    padding: 0;
}
/* }}}  preview width table */

/* {{{  preview with links */
#preview3 {
	position: relative;
	margin: 10px 0;
}
html>body #preview3 { overflow: hidden; }
* html #preview3 { height: 1%; }
* html #preview3 div { height: 1%; }
#preview3 a {
	float: left;
	margin-right: 11px;
}
#preview3 .panel {
	float: left;
	left: 0;
	width: 100%;
	overflow: hidden;
	height: 200px;
	position: relative;
}
#preview3 .panel-content {
	float: none;
	left: 0;
	height: 200px;
	position: relative;
	overflow: visible;
	width: 100%;
}
.panel-content a {
    width: 140px;
    background: white;
    height: 200px;
}
/* }}}  preview with links */