@charset "UTF-8";
/* CSS Document */


/* @group Spotlight */

#appslider {
	
	width: 242px;
	height: 245px;
	position: relative;
	float:left;
}
#appslider .menu {
	width: 242px;
	background: #ededed url(../images/appicon_bgcolor.jpg) repeat;
	background-color:#000;
}

#appslider .menu strong {
	display: block;
	font-size: 12px;
	color: #fff;
	text-shadow: #444 0 -1px 1px;
	line-height: 18px;
}

#appslider .menu ul {
	list-style: none;
}

#appslider .menu ul li {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	height: 73px;
	position: relative;
	line-height: 14px;
}
#appslider .menu img {
	position: absolute;
	top: 7px;
	left: 10px;
	-webkit-mask-box-image: url(../images/appicon_whitemask.png);
}
#appslider .menu ul li a {
	text-align:left;
	display: block;
	height: 63px;
	padding-left: 75px;
	padding-right: 0px;
	text-decoration: none;
	/*font-weight: bold;*/
	padding-top: 10px;
	/*text-shadow: #444 0 -1px 1px;*/
	color: #8debff;
}

#appslider .menu ul li a:hover {
	background: #ededed url(../images/appicon_bgcolor_hover.jpg) repeat;
	/*color: #fff;*/
}
#appslider .menu ul li .apptitle {
	color: #fff;
	font-weight:bold;
}

#appslider .menu ul li a:hover .apptitle {
	color: #ffea01;
	font-weight:bold;
	
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}

#appslider .menu ul li a:hover .comment {
	color: #fff;
}


#appslider .menu ul li a.activeSlide {
	background: #ededed url(../images/appicon_bgcolor_hover.jpg) repeat ;
	/*color: #fff;*/
}

#appslider .menu ul li a.activeSlide .apptitle {
	color: #ffea01;
	font-weight:bold;
}

#appslider .menu ul li a.activeSlide .comment {
	color: #fff;
}


.appchild {
	overflow: hidden;
	float: right;
	width: 407px !important;
	height: 245px !important;
	position: relative;
	background-color: #000;
}

.appchild #appchild1, .appchild #appchild2, .appchild #appchild3 {
	width: 407px;
	height: 245px;
	position: relative;
}

 .appchild strong {
	background-image: url(../images/spotlight-shade.png);
	position: absolute;
	top: 0;
	left: 0;
	padding-right: 14px;
	width: 393px;
	padding-top: 5px;
	color: #fff;
	text-shadow: #444 0 -1px 1px;
	padding-bottom: 8px;
	font-size: 12px;
	text-align:right;
	line-height: 17px;
}

 .appchild a {
	text-decoration: none;
	float: left;
}
#appslider #appchild_menu{	
	font-size:12px;
}

#appslider #appchild_menu img{
	width:57px;
	height:57px;
}
#appslider em.shadow {
	height: 245px;
	width: 3px;
	position: absolute;
	z-index: 9;
	left: 227px;
	top: 7px;
}
#appslider .menu .mask {
	position: absolute;
	top: 6px;
	left: 13px;
	width: 57px;
	height: 57px;
	z-index: 9;
	/*background: url(../images/appicon_whitemask.png) no-repeat;*/
}

#appslider .menu {  overflow-y: hidden;  height: 245px;  position: relative;}
#appslider_down_button {  background: red;  position: absolute;  bottom: 3px;  left: 105px;  width: 30px;  height: 30px;  background: url(../images/top-tier/spotlight-pagination.gif);}
#appslider .menu ul li:last { border-bottom: none; }
#appslider_menu strong {
	font-weight:bold;
	position: absolute;
	width: 242px;
	height:20px;
	top: 0;
	z-index: 1000;
	background: #ededed url(../images/spotlight_topbg.jpg) repeat-x;
	left: 0;
	}
#appslider_menu {  height: 225px !important;  padding-top: 20px;}
#appslider_overlay { left:0px;top:0px; width: 242px;  height: 73px;  position: absolute;    z-index: 10000;  top: 20px;  background: url(../images/app_hover.png) no-repeat;}
#ie6_appslider_overlay{left:0px;top:0px; width: 242px;  height: 73px;  position: absolute;    z-index: 10000;  top: 20px;background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/app_hover.png' ,sizingMethod='crop');
}
/* @end */