/* -- slyder styles -- */
.slider { clear:both; position:relative; padding:0; }

.slider .mask { position:absolute; top:1px; left:0; width:775px; margin-left:58px; _margin-left:80px; overflow:hidden; }
.slider .mask .container { position:absolute; }
.slider .mask .container a { display:block; float:left; position:relative; }
.slider .action { display:block; float:left; }
.slider .action a { display:block; }
.slider .action a:hover { text-decoration:none; }
.slider .action p { line-height: 16px; margin-bottom: -3px; *margin-bottom: 0px; }

.slider .arrow { display:block; position:absolute; top:0; width:50px; height:100%; background-repeat:no-repeat; background-position: 0 43%; cursor:pointer; }
.slider .arrow.left { left:0; background-image:url(/sg/education/images/more_arrow_left_20091020.png); _background-image:url(/sg/education/images/more_arrow_left_20091020.gif); }
.slider .arrow.right { right:1px; background-image:url(/sg/education/images/more_arrow_right_20091020.png); _background-image:url(/sg/education/images/more_arrow_right_20091020.gif); }
.slider .arrow.disabled { background-position:100% 43%; cursor:default; }

.slider .nav { position:absolute; height:8px; padding:0; margin:0 auto; text-align:center; z-index:1000; display:inline; }
.slider .nav a { display:inline-block; width:4px; height:4px; padding:2px; margin:0 2px; cursor:pointer; text-indent:-9999px; overflow:hidden; }
.slider .nav a:hover { background-position:center -8px; }
.slider .nav a.active { background-position:center -16px; cursor:default; }

/* content slyder */
.content-slider { clear:both; font-size:11px; margin-bottom:60px; border:1px solid #eaeaea;
	background:#f9f9f9; background:-webkit-gradient(linear, 0 0, 0 1, from(rgba(235, 235, 235, 1)), to(rgba(235, 235, 235, 0))), -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#fefefe));
	border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px;
}

.content-slider .header { position:relative; margin:1.1em 18px 0; border-bottom:1px solid #fff; }
.content-slider .header h2 { margin:0; padding:0 0 .4em; font-size:1.6em; font-weight:normal; border-bottom:1px solid #e9e9e9; }
.content-slider .header a.more { position:absolute; top:4px; right:0; _right:6.4em; *top:4px; }
.content-slider .header:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

.content-slider .slider,
.content-slider .mask,
.content-slider .action { height:268px; *height: 283px; }
.content-slider .action { width:115px; padding:15px 20px 0; _padding:15px 20px 0 0; }
.content-slider .action img { margin:0 0 8px; }
.content-slider .action h3 { margin:0; font-size:0.92em; }
.content-slider .action h4 { margin:0; font-size:1em; font-weight:normal; color:#888; }
.content-slider .action p { color:#000; width:130px; }

.content-slider #itunes-slider img { padding:1px; background:#fff; -webkit-box-shadow:rgba(0,0,0,.7) 0 1px 6px; -moz-box-shadow:rgba(0,0,0,.7) 0 1px 6px; }

.content-slider #itunes-slider.slider .arrow { _height: 283px; }
.content-slider #apps-slider.slider .arrow { _height: 320px; }

.content-slider #apps-slider img { -webkit-box-reflect:below 0 -webkit-gradient(linear, 0 70%, 0 100%, from(rgba(255,255,255,0)), color-stop(0.5, rgba(255,255,255,0)), to(rgba(255,255,255,.27))); }
.content-slider #apps-slider,
.content-slider #apps-slider .mask,
.content-slider #apps-slider .action { height:300px; *height: 320px; }

.content-slider .nav { top:-2.4em; left:420px; }
.content-slider .nav a { background-image:url(/sg/global/elements/slider/dot20070414.gif); }

/* dark slyder */
.slider.dark { height:183px; background: repeat-x left top; }
.slider.dark .mask { width:880px; height:182px; left:50px; margin-left: 0; }

.slider.dark .action { width:130px; height:200px; padding:30px 0 0 15px; color:#252525; }
.slider.dark .action img { display:block; margin:0 auto; }
.slider.dark .action h3 { margin:2px 0; font-size:12px; line-height:1em; }
.slider.dark .action p { color:#a7a7a7; font-size:11px; text-align:center; padding-top:4px; }

.slider.dark .action.selected p { color:#f0f0f0; }

.slider.dark .arrow { display:block; position:absolute; top:76px; width:50px; height:50px;  } 

.slider.dark .nav { bottom:24px; left:478px; }
_background-image:url(/sg/global/elements/slider/dot20070414.gif); }