.mf {
    visibility: hidden;
    z-index:1;
    margin: 0;
    padding: 0;
}

.mf * {
    color:#fff;
    font-size:14px;
	padding:0;
	margin:0;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select:none;
	-o-user-select:none;
}

.detailsPane * {
    color:#fff;
    font-size:14px;
    padding:0;
    margin:0;
    -moz-user-select: auto;
    -webkit-user-select: auto;
    user-select:auto;
    -o-user-select:auto;
}

.mf div,
.mf img {
	outline:none;
	border:none;
}

.mf img.current {
    cursor:pointer;
}
.inMfDetails img.current {
    cursor:auto;
}

.detailsPane .input select,
.detailsPane .input select *,
.detailsPane .input input,
.detailsPane .button input {
    color: #333;
}
.detailsPane *:after {
    color:#fff;
}

.input label,
.labeledtext .label {
	color: #333;
}

.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:0 auto;
	top:5%;
	width:100%;
	background:url(../images/flow/loader.gif) no-repeat 50% 0;
	padding:50px 0;
        left: 0;
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:98;
	margin:1em auto;
	bottom:50px;
	width:100%;
        left: 0;
}
.mf div.caption .description {
    display:block;
    width: 400px;
    margin: 3px auto 0 auto;
}
.mf div.caption .description,
.mf div.caption .description * {
    font-size: 10px;
}

.mf div.mfNav{
	position:absolute;
	z-index:99;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:20px;
	font-size:1px;
	line-height:1px;
	width:100%;
        left: 0;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:24px;
}
.mf a.play, .mf a.stop{
	width:27px;
	height:24px;
	float:left;
	cursor:pointer;
}
.mf a.play{
	background:url(../images/flow/play.gif) no-repeat;
}
.mf a.stop{
	background:url(../images/flow/stop.gif) no-repeat;
}
.mf div.sliderCon{
	margin-top:5px;
	float:left;
	width:74%;
}
.mf a.sliderNext{
	background:url(../images/flow/prev.png) no-repeat right center;
}
.mf a.sliderPrev{
	background:url(../images/flow/next.png) no-repeat left center;
}
.mf a.sliderNext, a.sliderPrev{
	text-decoration:none;
	width:7px;
        height:6px;
	cursor:pointer;
	float:left;
}
.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:24px;
}
.mf a.resize{
	width:24px;
	height:20px;
	float:right;
	cursor:pointer;
	background:url(../images/flow/resize.png) no-repeat;
}
.mf div.slider{
	background:url(../images/flow/bar.png) repeat-x;
	height:6px;
	position:relative;
	text-align:left;
	float:left;
}
.mf div.knob{
	height:6px;
	background:url(../images/flow/slider.png) repeat-x right center;
        cursor: pointer;
}
.mf div.knobleft{
	/*background:url(../images/flow/slider-left.png) repeat-x center;
	width:1px;
	height:6px;*/
        display: none;
}

.mf a.show {
	position:absolute;
	margin-left:-16px;
	width:32px;
	height:32px;
	top:70%;
	left:50%;
	z-index:100;
	cursor:pointer;
}
.mf a.show.image{
	background:url(../images/flow/open_image.png) no-repeat 50%;
}
.mf a.show.viewerload{
	background:url(../images/flow/loader.gif) no-repeat 50%;
}
.mf a.show.link{
	background:url(../images/flow/open_link.png) no-repeat 50%;
}
.mf div.tooltip{
	background:url(../images/flow/tooltip.png) no-repeat 50%;
	width:362px;
	margin-left:-151px;
	height:150px;
	padding:20px;
	position:absolute;
	z-index:101;
	top:0;
	left:50%;
	text-align:center;
        overflow:hidden;
}

.detailsPane {
    font-size: 10px;
    text-align: left;
    padding: 10px 20px 10px 0;
}

.detailsPane * {
    font-size: 10px;
}

.detailsPane h2,
.detailsPane h2 * {
    font-size: 14px;
    margin: 10px 0 15px 0;
}

.detailsPane div.desc {
    margin: 3px 0 15px 0;
}

.detailsPane h3 {
    margin: 0 4px 3px -105px;
    float: left;
    width: 100px;
}
.detailsPane h3,
.detailsPane h3 * {
    font-size: 11px;
    font-style:italic;
}
.detailsPane h3:after {
	content: ":";
}

.detailsPane div {
    padding: 2px;
    margin: 3px 0 0 105px;
    clear: left;
}

.detailsPane div div {
    padding: 0;
    margin: 0;
    clear: none;
}

.detailsPane div.odd {
    background: url(../images/lighten.png);
}

.mf div.hideDetails {
        z-index: 100;
}

.mf div.hideDetails a {
	cursor:pointer;
        background: url(../images/flow/back.png) center center no-repeat;
        display:block;
        width: 70px;
        height: 70px;
        margin: auto;
}

.mf div.hideDetails a:hover {
        background: url(../images/flow/back-glow.png) center center no-repeat;
}

.detailsPane .download_pdf a {
    background: url(../images/pdf-download.png) left top no-repeat;
    height: 69px;
    display: block;
    width: 67px;
    float: left;
}

.detailsPane .download_pdf a:hover {
    background: url(../images/pdf-download-glow.png) left top no-repeat;
}

.detailsPane .attachments .notfound,
.detailsPane .similar_articles .notfound {
    width: 50px;
    height: 50px;
}

.detailsPane .attachments img,
.detailsPane .similar_articles img {
    height: 50px;
    display:block;
    margin: auto;
    width: auto;
}

.detailsPane .attachments ul,
.detailsPane .similar_articles ul {
    display: inline;
    clear:none;
}

.detailsPane .attachments img.width,
.detailsPane .similar_articles img.width {
    height: auto;
    width: 50px;
}

.detailsPane .attachments li,
.detailsPane .similar_articles li {
    width: 80px;
    height: auto;
    margin: 0 10px 0 0;
    text-align: center;
    display: block;
    float: left;
    cursor:pointer;
}

.detailsPane .attachments li div {
    height: 50px;
}

.detailsPane .similar_articles li div {
    height: 100px;
    width: 50px;
    position:static;
    margin: 0 auto;
}

.detailsPane .similar_articles li h4 {
    font-size: 10px;
    font-weight: normal;
    margin-top: -45px;
}


.detailsPane .prices table {
    margin: 5px 0;
    background:none;
}

.detailsPane .prices table tr td {
    vertical-align:top;
}

.detailsPane .prices table tr:hover td {
    background:none;
}

.detailsPane .prices table.ext tr td {
    border: none;
}

.detailsPane .pdf_options {
    background: #333;
    padding: 5px;
    float: left;
    clear: left;
    margin-bottom: 5px;
}

.detailsPane .pdf_options div {
    float: left;
    padding-right: 10px;
}

.detailsPane .pdf_options div.button {
    clear: left;
    float: none;
    padding-top: 10px;
}

.detailsPane .pdf_options * {
	-moz-user-select: auto;
	-webkit-user-select: auto;
	user-select:auto;
	-o-user-select:auto;
}

body.mffullscreen {
    overflow:hidden;
}