﻿
/***FANCYBOX***/
.fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; padding: 0; margin: 0; background: #fff; color: #444; text-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 0 20px #555; -moz-box-shadow: 0 0 20px #555; box-shadow: 0 0 20px #555; }
.fancybox-outer, .fancybox-inner { 	padding: 0; margin: 0; position: relative; outline: none; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading { background-image: url('fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8020; }
#fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -12px; right: -12px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; background:url('/Images/Parts/btn_close_m_n.png') center center no-repeat; }
.fancybox-close:hover { background:url('/Images/Parts/btn_close_m_a.png') center center no-repeat; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url('blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 27px; height: 47px; margin-top: -18px; cursor: pointer; z-index: 8040; opacity: 0.5; }
.fancybox-prev span { left: 0; background: url('/Images/Parts/btn_prev_n.png') center left no-repeat; opacity:0; }
.fancybox-next span { right: 0; background:url('/Images/Parts/btn_next_n.png') center right no-repeat; opacity:0; }
.fancybox-prev:hover span { background:url('/Images/Parts/btn_prev_a.png') center left no-repeat; opacity: 1; }
.fancybox-next:hover span {	background:url('/Images/Parts/btn_next_a.png') center right no-repeat; opacity: 1; }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; }
#fancybox-overlay {	position: absolute;	top: 0;	left: 0; overflow: hidden; display: none; z-index: 8010; background: #222; }
#fancybox-overlay.overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-title { visibility: hidden; position: relative; z-index: 8050; }
.fancybox-title, .fancybox-title * { color:#666; text-shadow: none; font-family:Arial, Verdana, serif; font-size:13px; font-weight:normal; }
.fancybox-title, .fancybox-title a { color:#0093dd; text-decoration:underline; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8030; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block;margin-right: -100%; padding: 2px 20px; background:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold;	line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #333; }
.fancybox-title-inside-wrap { margin-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px 20px 0 0; background: #000; background:#fff; border-radius:0 15px 0 0; }
#fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; }
#fancybox-thumbs.bottom { bottom: 2px; } 
#fancybox-thumbs.top { top: 2px; }
#fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; }
#fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; }
#fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; }
#fancybox-thumbs ul li:hover { opacity: 1; }
#fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; }
#fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; }

/***JSCROLLPANE***/
.jspContainer {	overflow: hidden; position: relative; }
.jspContainer:focus, .jspContainer:active { outline:none; }
.jspPane { position: absolute; }
.jspPane:focus, .jspPane:active { outline:none; }
.jspVerticalBar { position: absolute; top: 0; left: 0;	width: 5px; height: 100%; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0;	width: 100%; height: 1px; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap {	float: left; }
.jspTrack {	background: #eee; position: relative;}
.jspDrag { background: #ccc; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow {  }
.jspArrow.jspDisabled { opacity:0.5; }
.jspVerticalBar .jspArrow {	height: 27px; }
.jspHorizontalBar .jspArrow { width: 27px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }

/***UIDATEPICKER***/
.ui-datepicker { width: 200px; padding: .2em .2em 0; display: none; background:#fff; border:1px solid #999; border-radius:5px; box-shadow:0 0 10px #666;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:5px 0; background: #bbb; border-radius:3px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; text-align:center; font:bold 14px arial, sans-serif }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { font:bold 14px/30px arial, sans-serif; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%; font:11px Verdana;}
.ui-datepicker table {width: 95%; border-collapse: collapse; margin:5px auto; }
.ui-datepicker thead { border-bottom:1px dotted #999; border-top:1px dotted #999; }
.ui-datepicker th { padding: .7em .3em; text-align:center; font:bold 11px Arial; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td * { font-size:11px; font-family:Verdana, sans-serif; }
.ui-datepicker td a:hover { border:1px solid #666; border-radius:2px; background:#eee; }
.ui-datepicker td > span { color: #999; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-state-default { color: #06c; border: 1px solid #fff; border-radius:2px; }
.ui-state-active { background: #39f; color:#fff; font-weight:bold; border:1px solid #666; }
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
