#popupDiv
{
	position: absolute;
	z-index: 100;
	top: 75px;
	left: 10px;
	width: 680px;
	padding: 10px;
	text-align: center;
}

#inlineDiv
{
	margin-left: -10px;
}

#demoTitle
{
	text-align: center;
	font-size: large;
	font-weight: bold;
	color: #236B8F;
}

#closeDemo
{
	text-align: center;
	font-size: medium;
	font-weight: bold;
}

#screenshotSlideshow{
	position: relative;
	width: 680px;
	margin-top: 0px;
}

#carouselContainer {
	position: relative;
	height: 480px; 
	left: -16px;
}

.carouselSlide {
	position: absolute;
    height:480px;
    padding-left:380px;
    top:0px;
    left:0px;
	background-repeat:no-repeat;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}

#tasklist{
    background-image:url(../images/tasklist.png);
}

#summary{
    background-image:url(../images/summary.png);
}

#email{
    background-image:url(../images/email.png);
}

#calendar {
    background-image:url(../images/calendar.png);
}

#history {
    background-image:url(../images/history.png);
}

#options {
    background-image:url(../images/options.png);
}

.slideDesc{
    padding-right: 8px;
    display:block;
	color: black;
    width:268px;
}

#carouselNav
 {
	left: -15px;
	height: 26px;
	margin: 10px auto 0px auto;
	font-size:12px;
	position: relative;
	text-align: center;
	display: table;
}

.notSelected
{
	margin: 0px -2px 0px -1px;
	padding: 3px 7px 3px 7px;
	display: inline-block;
	background-image: url('../images/gear0.png');
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 31px;
	/* The following styles are IE7 hacks */
	zoom:1;
	*display:inline;
}

.selectedSlide 
{
	margin: 0px -2px 0px -1px;
	padding: 3px 7px 3px 7px;
	display: inline-block;
	background-image: url('../images/gear1.png');
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	width: 31px;
	/* The following styles are IE7 hacks */
	zoom:1;
	*display:inline;
}

#nextImg
{
	display: block;
	*display: inline;
}

#prevImg
{
	display: block;
	*display: inline;
}

.navArrow
{
	margin: 0px -2px 0px -1px;
	padding: 3px 12px 3px 12px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position: center center;
	height:20px;
	width: 20px;
	cursor:pointer;
	cursor:hand;
	/* The following styles are IE7 hacks */
	zoom:1;
	*display:inline;
}

#nextNav
{
	background-image:url('../images/arrowr1.png');
}

#prevNav
{
	background-image:url('../images/arrowl1.png');
}

#middleNav
{
	margin: 0px -2px 0px -1px;
	padding: 0px;
	display:inline-block;
	height:26px;
	background-image:url('../images/btnmid.png');
	background-repeat:repeat;
	/* The following styles are IE7 hacks */
	zoom:1;
	*display:inline;
}

.navEnd
{
	margin: 0px -2px 0px -1px;
	padding: 0px;
	display:inline-block;
	height:26px;
	width: 17px;
	/* The following styles are IE7 hacks */
	zoom:1;
	*display:inline;
}

.navEndImage
{
	display: block;
	*display: inline;
}