/** begin ---sl-linear.css---*/
/* 渐变*/
.sl-linear{
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f1));
    background: -moz-linear-gradient(top, #fcfcfc, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1');
    background:-o-linear-gradient(top, #fcfcfc, #f1f1f1);
    background: linear-gradient(top, #fcfcfc, #f1f1f1);
}

/** end ---sl-linear.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 17:23:52 CST 2011**/
/**alice.solutions.sl-linear-1.0**/
/** begin ---ui-arrow.css---*/
/**
 * @name:           ui-arrow 箭头组件
 * @author:         偏右 (xingmin.zhu@alipay.com)
 * @description:    小箭头指示
 * @example:
 * <span class="ui-arrow ui-arrow-left">&gt;</span>
 *
 */
.ui-arrow {
    display: block;
    height: 12px;
    width: 12px;
    background-image: url(https://img.alipay.com/sys/personal/style/ui-components.png);
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -9999em;
    overflow: hidden;
}
.ui-arrow-right { background-position: -4px -24px; }
.ui-arrow-left { background-position: -4px -36px; }
.ui-arrow-up { background-position: -4px -48px; }
.ui-arrow-down { background-position: -4px -60px; }

/** end ---ui-arrow.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 18:25:57 CST 2011**/
/**alice.components.ui-arrow-1.0**/
/** begin ---ui-btn-base.css---*/
/**
 * @name:       按钮（通用）ui-button
 * @author:     展新（zhanxin.lin@alipay.com）
 * @example:
 * 外层可以是 div, p, a, span 标签
 * 里层可以是 a, input, button
 * div > a
 * <div class="ui-button ui-button-sorange">
 *    <a class="ui-button-text">确定</a>
 * </div>
 *
 * div > input
 * <div class="ui-button ui-button-sorange">
 *    <input type="button" class="ui-button-text" value="确定" />
 * </div>
 *
 * a > input
 * <a class="ui-button ui-button-sorange">
 *    <span class="ui-button-text">确定</span>
 * </a>
 */
.ui-button {
    padding: 0 0;
    display: inline-block;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    overflow: visible;
    cursor: pointer;
}

div.ui-button, p.ui-button, span.ui-button {
    *display: inline;/* for ie */
}

.ui-button-text {
    display: block;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    overflow: visible;
}
.ui-button a.ui-button-text:hover {
    text-decoration: none;
}
.ui-button input.ui-button-text, .ui-button button.ui-button-text {
    *display: inline;/* for ie */
}

/** end ---ui-btn-base.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 18:18:56 CST 2011**/
/**alice.components.ui-button-base-1.0**/
/** begin ---ui-box.css---*/
/**
 * @name: ui-box
 * @author: 偏右(xingmin.zhu@alipay.com)
 * @description: 带title的区块widget
 * @require: alice.solutions.sl-linear
 * @example: 
 * <div class="ui-box fn-clear">
 *     <div class="ui-box-title fn-clear"><!-- 可选 -->
 *         <h3>区块标题</h3>
 *         <a href="#">其他链接</a><!-- 可选 -->
 *         <a href="#" class="ui-box-title-more">更多</a><!-- 可选 -->
 *         <span class="ui-box-title-toolbar">设定</span><!-- 可选 -->
 *     </div>
 *     <div class="ui-box-container">
 *         <div class="ui-box-content"></div><!-- 可选 -->
 *     </div>
 * </div>
 */
.ui-box {
    border:1px solid #ccc;
}
.ui-box-green /* 新手模块配色 */ {
    border:1px solid #a0c96f;
}
.ui-box-orange {
    border: 1px solid #d5c5b1;
}
.ui-box-follow /* 使用在box和上面的box相连的情况下 */ {
    border-top:none;
}
.ui-box-title {
    border-bottom:1px solid #ccc;
    position:relative;
}
.ui-box-title-border {
    border:1px solid #fff;
    height:14px;
    line-height:16px;
    overflow:hidden;
    padding:9px 10px 10px;
    *padding:9px 10px 10px;
    padding:9px 10px\0;
}
.ui-box-title h3 {
    color:#656565;
    font-size:14px;
    font-weight:700;
    float:left;
    display:inline;
}
.ui-box-title .ui-box-title-setting {
    float:right;
    display:inline;
    width:16px;
    height:16px;
    line-height:16px;
    background: transparent url(https://img.alipay.com/sys/personal/style/ui-components.png) no-repeat -2px -2px;
    text-indent:-9999px;
	overflow:hidden;
    cursor:pointer;
}
.ui-box-title .ui-box-title-setting:hover {
    background: transparent url(https://img.alipay.com/sys/personal/style/ui-components.png) no-repeat -29px -2px;
}
.ui-box-title .ui-box-title-more {
    float:right;
}
.ui-box-title .ui-box-title-link {
    float:left;
    display:inline;
    margin-left:15px;
    *margin-top:1px;
}
.ui-box-container {
    background:#fff;
}
.ui-box-content /* 可选，用于默认有内边距的box */ {
    padding:10px 10px 15px;
}
.ui-box-green .ui-box-container {
    background:#efffe2;
    border:none;
}
/* 橙色 */
.ui-box-orange .ui-box-container {
    background: #f9f0e4;
    border: none;
}
.ui-box-nocontainer /* 可选，用于只有标题栏的box */ {
    border-bottom:none;
    overflow:hidden;
    _position:relative;
    height:36px;
}
.ui-box-nocontainer .ui-box-container {
    opacity:0;
}

/** end ---ui-box.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 18:24:00 CST 2011**/
/**alice.components.ui-box-1.0**/
/** begin ---ui-btn.css---*/
/**
 * @name:       按钮（通用）ui-button
 * @author:     展新（zhanxin.lin@alipay.com）
 * @example:
 * 外层可以是 div, p, a, span 标签
 * 里层可以是 a, input, button
 * div > a
 * <div class="ui-button ui-button-sorange">
 *    <a class="ui-button-text">确定</a>
 * </div>
 *
 * div > input
 * <div class="ui-button ui-button-sorange">
 *    <input type="button" class="ui-button-text" value="确定" />
 * </div>
 *
 * a > input
 * <a class="ui-button ui-button-sorange">
 *    <span class="ui-button-text">确定</span>
 * </a>
 */
.ui-button-lorange, .ui-button-lorange:hover,
.ui-button-morange, .ui-button-morange:hover,
.ui-button-sorange, .ui-button-sorange:hover,
.ui-button-text {
    background-image: url(https://img.alipay.com/sys/personal/nav/global-button.png);
    background-repeat: no-repeat;
    background-color: transparent;
}
.ui-button-lorange .ui-button-text,
.ui-button-morange .ui-button-text,
.ui-button-sorange .ui-button-text {
    font-family: verdana, \5b8b\4f53, \9ED1\4F53, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

/* large-size */
.ui-button-lorange { background-position: 0 0; }
.ui-button-lorange .ui-button-text {
    padding: 8px 20px;
    background-position: right -177px;
    color: #fff;
}
.ui-button-lorange:hover { background-position: 0 -45px; }
.ui-button-lorange:hover .ui-button-text {
    background-position: right -222px;
}
/* middle-size */
.ui-button-morange { background-position: 0 -355px; }
.ui-button-morange .ui-button-text {
    padding: 5px 22px 6px 22px;
    background-position: right -503px;
    color: #fff;
}
.ui-button-morange:hover { background-position: 0 -392px; }
.ui-button-morange:hover .ui-button-text {
    background-position: right -540px;
}
/* smaill */
.ui-button-sorange { background-position: 0 -651px; }
.ui-button-sorange .ui-button-text {
    padding: 3px 12px 4px 12px;
    font-size: 12px;
    background-position: right -771px;
    color: #fff;
}
.ui-button-sorange:hover { background-position: 0 -681px; }
.ui-button-sorange:hover .ui-button-text {
    background-position: right -801px;
}

.ui-button-lorange input.ui-button-text,
.ui-button-morange input.ui-button-text,
.ui-button-sorange input.ui-button-text {
    *overflow: visible;
}

/** end ---ui-btn.css---*/
/**Last Changed Author: shuai.shao--Last Changed Date: Wed Dec 07 20:47:51 CST 2011**/
/**alice.components.ui-button-orange-1.0**/

/** begin ---myapp.css---*/
/**
 * @name:           myapp
 * @author:         偏右(xingmin.zhu@alipay.com)
 * @description:    我的应用样式
 */

.module-myapp .ui-box-container {
    overflow:hidden;
    width:188px;
    *position:relative; /* ie6&7 overflow失效bug */
}
.myapp-loading {
    padding:24px 20px;
    width:140px;
    text-align:center;
}
#J_myapp_sliders {
    width:1000px;
}
#myapp-sliders {
    width:1000px;
    margin-bottom:4px;
    overflow:hidden;
}
.myapp-slider {
    width:188px;
    overflow:hidden;
    float:left;
}
.myapp-item {
    overflow:hidden;
    position:relative;
    *float:left; /* 3px bug */
}
.myapp-item a {
    height:37px;
    line-height:36px;
    *line-height:38px;
    _line-height:36px;
    float:left;
    display:inline;
    width:188px;
    color:#666a72;
    outline:none;
}
.myapp-item a:hover {
    text-decoration:none;
}
.myapp-item a img {
    margin:6px 10px;
    float:left;
    display:inline;
}
.myapp-item a span {
    font-size:12px;
    vertical-align:top;
    line-height:41px\0;
    cursor:pointer;
    float:left;
    display:inline;
    color:#666a72;
}
.module-myapp .myapp-item a span {
    font-size:14px;
}
.myapp-item span.myapp-item-name {
    background:url(#);
}
.myapp-item span.myapp-icon {
    margin:6px 10px;
    width:24px;
    height:24px;
    text-indent:-9999px;
    overflow:hidden;
    float:left;
    display:inline;
}
.myapp-item-hover a, .myapp-item-hover span.myapp-item-name { background-color:#f5f5f5; }
.myapp-item .ui-arrow-right {
    position:absolute;
    right:11px;
    top:13px;
}
.my-app-item-hot, .my-app-item-new, #J_myapp_slider_trigger_prev, #J_myapp_slider_trigger_next {
    background:transparent url(https://img.alipay.com/sys/personal/style/appaside.png) no-repeat;
}
.my-app-item-hot, .my-app-item-new {
    position:absolute;
    top:1px;
    left:25px;
    width:22px;
    height:14px;
    overflow:hidden;
    text-indent:-9999px;
}
.my-app-item-hot {
    background-position:0 0;
}
.my-app-item-new {
    background-position:0 -14px;
}
.myapp-slider-trigger {
    text-align:center;
    position:relative;
    padding:0 0 10px;
    overflow:visible;
    height:24px;
    display:none;
}
.myapp-slider-trigger li {
    display:inline-block;
    margin-right:4px;
    *display:inline;
    font-family:verdana;
    color:#e6e6e6;
    font-size:17px;
    font-weight:bold;
    cursor:pointer;
    background:#fff;
	line-height:1.5;
}
.myapp-slider-trigger li.current { color:#b3b3b3; }
#J_myapp_slider_trigger_dot { display:inline-block; }
#J_myapp_slider_trigger_prev, #J_myapp_slider_trigger_next {
    position:absolute;
    top:6px;
    overflow:hidden;
    width:7px;
    height:13px;
    text-indent:-9999px;
    cursor:pointer;
}
#J_myapp_slider_trigger_prev {
    left:15px;
    background-position:-7px -28px;
}
#J_myapp_slider_trigger_prev.myapp-slider-trigger-first {
    background-position:0 -28px;
}
#J_myapp_slider_trigger_next {
    right:15px;
    background-position:-21px -28px;
}
#J_myapp_slider_trigger_next.myapp-slider-trigger-last {
    background-position:-14px -28px;
}


/** end ---myapp.css---*/
/** begin ---appctn.css---*/
/**
 * @name:           appcenter-list
 * @author:         展新(zhanxin.lin@alipay.com)、偏右(xingmin.zhu@alipay.com)
 * @description:    应用中心 - 侧边栏样式
 */
.appcenter-list, .appcenter-list .ui-box-title {
    *zoom:1;
    *position:relative;
    overflow:hidden;
    *background:url(#);
}
.appcenter-list .ui-box-title {
	cursor:pointer;
}
.appcenter-list h3 {
	font-family:tahoma,arial,宋体;
}
.appcenter-list h3 span {
	*font-family:arial;
}
.appcenter-list .ui-box-container {
    -moz-transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    transition: all 0.4s ease-in 0s;
    overflow:hidden;
    *zoom:1;
}
.ui-box-title-hover .ui-box-title-border {
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#dadada));
    background: -moz-linear-gradient(top, #f6f6f6, #dadada);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#dadada');
    background:-o-linear-gradient(top, #f6f6f6, #dadada);
    background: linear-gradient(top, #f6f6f6, #dadada);
    padding: 10px 11px 11px;
    padding: 10px 11px 10px\0;
    border:none;
    cursor:pointer;
}
.appcenter-list .ui-box-title-setting, .appcenter-list .ui-box-title-setting:hover, .errorxbox-icon {
    background: transparent url("https://img.alipay.com/sys/personal/style/appaside.png") no-repeat;
}
.appcenter-list .ui-box-title-setting {
    background-position: 0 -41px;
    height: 35px;
    width: 30px;
    overflow:hidden;
    position:absolute;
    top:0;
    right:0;
}
.appcenter-list .ui-box-title-setting:hover {
    background-position: 0 -109px;
}
.appcenter-list .myapp-item a {
    float: left;
}
.appcenter-list .myapp-item a {
    float: left;
}
.appcenter-list .myapp-item .normal {
    width: 138px;
}
.appcenter-list .myapp-item .add {
    float:left;
    width: 50px;
    height: 36px;
    line-height: 36px;
    color: #d8d8d8;
}
.appcenter-list .myapp-item span.add {
	cursor:default;
}
.more-app a:hover {text-decoration:none;}
.appcenter-list .myapp-item-hover, .appcenter-list .myapp-item-selected { background: #f7f7f7; }
.myapp-item-selected a span {font-weight:bold;}
.appcenter-list .myapp-item a.add { color: #0087c9; }
.appcenter-list .myapp-item a.add:hover { text-decoration: underline; }
.appcenter-list-error {
	border:1px solid #ccc;
	padding:16px;
}
.appcenter-list-error h3 {
	font-size:14px;
}
.appcenter-list-error p {
	margin-top:10px;
}
.appcenter-list-error .n-explian {
	color:#888;
}
/**
 * @name    : errorxbox
 * @filename: errorxbox.css
 * @overview: 信息提示xbox框
 * @date    : 2011-09-26
 * @require : 依赖的样式
 * @author  : 偏右(xingmin.zhu@alipay.com)
 */
.errorxbox-container{
	position:relative;
	width: 600px;
	overflow:hidden;
}
.errorxbox-container .errorxbox-icon{
	width:32px;
	height:32px;
	position:absolute;
	top:24px;
	left:40px;
	text-indent:-9999px;
}
.errorxbox-icon{
	background-position: 0 -76px;
}
.errorxbox-content{
	margin:22px 0 30px 87px;
}
.errorxbox-content h3{
	color: #333;
	font-size: 14px;
	font-weight:bold;
}
.errorxbox-explain{
	color:#808080;
}
.errorxbox-other{
	color:#333;
}
.errorxbox-other a{
	color:#3d86e5;
}
.errorxbox-container .ui-xbox-action {
	position:absolute;
	top:10px;
	right:10px;
}
a.errorxbox-close-link{
	color: #0077FF;
	cursor: pointer;
	outline: medium none;
	text-decoration: none;
	position:absolute;
	right:0;
	top:0;
	font-size:12px;
	height:14px;
	line-height:12px;
	*line-height:16px;
	width:30px;
	z-index:10;
	background:none;
}
a.errorxbox-close-link:hover{
	text-decoration: none;
}

/** end ---appctn.css---*/
/**Last Changed Author: xingmin.zhu--Last Changed Date: Wed Dec 14 10:40:11 CST 2011**/
/**alice.components.appaside-1.0**/
