@charset "utf-8";

.sectionNav{
}
.sectionNav #scrollbar { 
    display:none;
	
}

.sectionNav #prevCont{ 
    position:relative; 
    width:100%; 
	height:230px;
    overflow:hidden;
}
.sectionNav #prevCont table{
	margin-top:3px;
}
.sectionNav #prevCont img{
	border: 2px solid #000;
	background-color:#14a0c2;
}
.sectionNav #prevCont td a>img{
	position:relative;
	margin:0px 2px 0px 0px;
	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
.sectionNav #prevCont td{
	vertical-align:middle;
}
.sectionNav #prevCont a:hover{
	background:none;
}
.sectionNav #prevCont	a:hover img{
	border:2px solid #0CF;
	

	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.sectionNav #scrollbar { 
	position:absolute;
	width:100%;
	height:14px;
	display:block;
	top:212px;
}
.sectionNav #scrollbar img{
	border: none;
	margin: 0px;
	padding:0px;
}
.sectionNav #scrollbar a:hover img{
	border: none;
	margin: 0px;
	padding:0px;
}

/* --- HIDE VERTICAL---*/ 
.sectionNav #hide_l, .sectionNav #hide_r { 
	position:absolute;
	width:100px;
	height:172px;
	margin-top:5px;
	z-index:1;
	background:url(/i/scr/hide.png) repeat-y -100px 0;
}
.sectionNav #hide_r {
	background-position: 0 0;
	right:0;
}
/* --- /HIDE VERTICAL---*/ 

/* --- HIDE CORNER---*/ 
.sectionNav #hide_lt,.sectionNav #hide_lb, .sectionNav #hide_rt, .sectionNav #hide_rb { 
	background:url(/i/scr/hide_corner.png);
	position:absolute;
	width:248px;
	height:56px;
	z-index:3;
}
.sectionNav #hide_lt { 
	background-position:100% 100%;
	margin-left:-30px;
	margin-top:5px; 
}
.sectionNav #hide_lb { 
	background-position:100% 0%;
	margin-top:121px;
	margin-left:-30px;
	
}
.sectionNav #hide_rt { 
	background-position:0% 100%;
	margin-top:5px; 
	right:-10px;
}
.sectionNav #hide_rb { 
	background-position:0% 0%;
	margin-top:121px;
	right:-10px;
}
/* --- /HIDE CORNER---*/ 

.sectionNav #cutLine_l, .sectionNav #cutLine_r {
	position:absolute; 
	z-index:2; 
	margin-top:5px; 
	overflow:hidden; 
	width:46px; 
	height:172px;
}

.sectionNav #cutLine_l {
	margin-left:-30px; 
}
.sectionNav #cutLine_r {
	right:-10px;
}

.sectionNav #cutLine_r div, .sectionNav #cutLine_l div{
	background:url(/i/scr/cutLine_v.png);
	height:1090px;
	width:46px;
}
.sectionNav #cutLine_r div{
	background-position:-150px;	
}

.sectionNav #cutLine_r img, .sectionNav #cutLine_l img {
	background:none;
}
.sectionNav #track { 
	position:absolute; 
	left:0px;
	top:0px;
	width:100%; 
	height:14px; 
	background-color:#14a0c2;
	background-image:url(/i/scr/scr_bg.png);
	z-index:1px;
}

.sectionNav #right, .sectionNav #left {
	position:absolute;
	width:14px;
	height:14px;
	z-index:2;
}
.sectionNav #left {
	left:0;
}  
.sectionNav #right {
	right:0;
	
}

/* -- Scroll buttons -- */
.sectionNav #left a, .sectionNav #right a{
	display:block;
	width:14px;
	height:14px;
	background:url(/i/scr/but.png) #14a0c2;
}
.sectionNav #left a{
	background-position:0% 100%;
}
.sectionNav #left a:hover{
	background:url(/i/scr/but.png) #14a0c2;
	background-position:0% 0%;
}
.sectionNav #right a{
	background-position:100% 100%;
}
.sectionNav #right a:hover{
	background:url(/i/scr/but.png) #14a0c2;
	background-position:100% 0%;
}
/* -- /Scroll buttons -- */


.sectionNav #rs, .sectionNav #ls { 
	position:absolute;
	background:url(/i/scr/track.png);
	width:6px;
	height:14px;
	z-index:4;
}
.sectionNav #rs {
	background-position: -6px 0;
	right:0;
}

.sectionNav #dragBar {
    position:absolute; 
	left:0; 
	top:0;
    width:20px;
	height:14px; 
    background-color:#14a0c2;
	z-index:3;
}
.sectionNav #dragBar:hover {
	background:#14a0c2 url(/i/scr/track-over.png);
}
.sectionNav #dragBar #r, .sectionNav #dragBar #l{
	position:absolute;
	background:url(/i/scr/handler.png);
	width:5px;
	height:14px;
}
.sectionNav #dragBar #r{
	background-position:-5px 0;
	right:0;
}
.sectionNav #empty{
	width:90px;
	height:56px;
}


/* for safari, to prevent selection problem  */
.sectionNav #scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
.sectionNav #scrollbar img {
    display:block; 
} 

.sectionNav #target{
	position:absolute;
	z-index:15;
	top:222px;
}
.sectionNav #target a{
	width:34px;
	height:94px;
	background:url(/i/scr/target.png);
	display:block;
}
.sectionNav #target a:hover{
	background-position:-34px;
}
.sectionNav #target img{
	background:none;
}

.sectionNav #cutLine_h{
	width:100%;
	background:url(/i/scr/cutLine.png) repeat-x;
	height:33px;
	position:absolute;
	z-index:16;
	top:300px;
	overflow:hidden;
}
#cutLine_h{
	width:100%;
	background:url(/i/scr/cutLine.png) repeat-x;
	height:33px;
	overflow:hidden;
	margin-top:-15px;
}

#cutLine_h #hide_r, #cutLine_h #hide_l { 
	position:absolute;
	background:url(/i/scr/hide.png) -100px 0px;
	width:100px;
	height:172px;
	z-index:1;
}
#cutLine_h #hide_r {
	right:0;
	background-position:0 0;
}