/* @override http://10.10.49.124/css/morae/slider.css */

#cust_suc {
	display: block;
	margin: 0 0 10px 0;
	width: 750px;
	height: 264px !important;
	background-repeat: no-repeat;
	background-position: center bottom;
}

#nav_prev a {
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	display: block;
	height: 199px;
	width: 50px;
	background: url(slider_nav_matrix.png) no-repeat left top;
	text-indent: -9999px
}

#nav_prev a:hover {
	background-position: -51px top;
}

#nav_next a {
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	display: block;
	height: 199px;
	width: 50px;
	background: no-repeat left bottom;
	text-indent: -9999px
}

#nav_next a:hover {
	background-position: -50px bottom
}

/* @group Morae */

#hp-quicklook a, #hp-quicklook a:hover {
	text-decoration: none;
	border: none;
}

#hp-quicklook #cust_suc {
	background-image: none;
}

#hp-quicklook #nav_prev a {
	position: relative;
	left: -646px;
	top: 20px;
	float: left;
	display: block;
	height: 199px;
	width: 20px;
    background: url(arrowleft.png) no-repeat left center;text-indent:-9999px;
}

#hp-quicklook #nav_next a {
	position: relative;
	left: 15px;
	top: 20px;
	float: left;
	display: block;
	height: 199px;
	width: 20px;
	background: url(arrowright.png) no-repeat right center;
	text-indent: -9999px;
}

#hp-quicklook #slides {
	float: left;
	width: 668px;
	height: 288px;
	position: relative;
	top: 41px;
	left: 41px;
}

#hp-quicklook  #gotolink {
	position: relative;
	top: 50px;
	left: 50px;
}

#hp-quicklook  #gotolink a {
	font-size: 11px;
}

/* @end */

#slides {
	float: left;
	width: 668px;
	height: 246px;
}

#slides img {
	margin-left: 0px;
}

#gotolink {
	position: relative;
	top: 25px;
	float: left;
	width: 668px;
}

.TabbedPanelsContent p.gotolink_undo {
	color: #333;
	font-size: 11px !important;
	text-align: left;
	font-weight: 400;
	margin-top: -12px !important;
	padding-top: 0;
}

#cust_suc .slide_location {
	text-align: left;
	width: 160px;
	float: right;
	position: relative;
	top: -50px;
}

#cust_suc .slide_location ul {
	margin: 0;
	padding: 0;
	
}

#cust_suc .slide_location li {
	display: inline;
	margin: 0;
	padding: 0;
	
}

#cust_suc .slide_location li a {
	height: 26px !important;
	text-decoration: none;
	margin-right: 5px;
	width: 17px;
	display: block;
	float: left;
	text-align: center;
	background-image: url(slider-nav-link.gif);
	background-position: center 1px;
	background-repeat: no-repeat;
	color: #333;
	padding: 0;
	
}

#cust_suc .slide_location li a:hover {
	background-image: url(slider-nav-line.gif);
}

.focalPanelIndicator {
	font-weight: 700;
	background-image: url(slider-nav-link.gif);
}

.focalPanelIndicator a:hover {
	background-image: url(slider-nav-line.gif);
}

#blank {
	background-color: #fff;
}

.SlidingPanels {
	position: relative;
	width: 668px;
	height: 246px;
	border: none;
	padding: 0;
}

.SlidingPanelsContentGroup {
	position: relative;
	width: 668px;
	border: none;
	margin: 0;
	padding: 0;
}

.SlidingPanelsContent {
	width: 668px;
	overflow: hidden;
	border: none;
	margin: 0;
	padding: 0;
}

.clearAll {
	clear: both;
	text-align: center;
}

#example2 .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}

.stripe1,.stripe1solid,.stripe2,.stripe2solid {
	background: #fff;
	line-height: 150%;
	border-bottom: 1px solid #efefef;
}

#nav_prev,#nav_next {
	float: left;
	margin-top: 20px;
}

#slides a {
	text-decoration: none;
	color: #333;
}

#slides a:hover {
	text-decoration: none;
	color: #333;
}

#slides a.gs {
	text-decoration: underline;
	color: #ff6600;
}

#slides a:hover.gs {
	text-decoration: underline;
	color: #333;
}

#slides h3,#slides p {
	margin-left: 5px !important;
}

#slides  h3 {
	font-size: 1.5em;
	font-weight: 500;
	letter-spacing: -1px;
}

#slides  em {
	font-size: 1.2em;
	font-style: normal;
	letter-spacing: -1px;
	color: #FF6600;
	line-height: 1.5;
}

#slides  p {
	font-size: 1.em;
	font-style: normal;
	line-height: 1.7;
	margin: -10px 0
}

#slides p  em {
	font-size: 1.2em;
	font-style: normal;
	letter-spacing: -1px;
	color: #FF6600;
	line-height: 1;
	position: relative;
	top: 10px
}

#slides .ui p {
	padding: 30px 30px 10px 10px
}

#slides .ui img {
	margin-top: -10px
}

#slides .record {
	background-image: url(homepage_slider_recorder.png);
	background-repeat: no-repeat;
	background-position: center 30px
}

#slides .record p {
	padding: 10px 20px 10px 20px;
	width: 280px;
	float: left;
	line-height: 1.4
}

#slides .record a.recorder {
	display: block;
	width: 615px;
	height: 125px;
	text-indent: -9999px;
	position: relative;
	top: 8px;
	left: 15px;
}

#slides .ppt {
	background-image: url(homepage_slider_ppt.png);
	background-repeat: no-repeat;
	background-position: center 30px;
	height: 245px
}

#slides .ppt p {
	width: 220px;
	position: relative;
	left: 320px;
	top: -210px;
}

#slides .ppt a.ppt2 {
	display: block;
	width: 275px;
	height: 210px;
	text-indent: -9999px;
	position: relative;
	top: 8px;
	left: 15px;
}

#slides .pub {
	background-image: url(homepage_slider_screencast.png);
	background-repeat: no-repeat;
	background-position: 10px 35px;
	height: 245px
}

#slides .pub p {
	width: 163px;
	position: relative;
	top: 60px;
	left: 12px
}

#slides .training  p {
	font-size: .95em;
	position: relative;
	top: -10px;
	width: 290px;
}

#slides .training  ol {
	line-height: 2.7;
	position: relative;
	top: -5px;
	width: 255px;
}

#slides .training  li {
	list-style: decimal;
	font-size: .9em
}

#slides .training  img {
	padding: 0 10px 0 0
}

#slider,#example2.SlidingPanels,#example2 .SlidingPanelsContent {
	float: left;
}