/*----------------------------------------
Xiaonei Applications -  Base
----------------------------------------*/

/* Main
----------------------------------------*/
.app_canvas {width:856px;overflow-x:hidden;}
.app-notice {border-bottom:1px solid #ffe222;background:#fffbe2;padding:8px 10px; }

/* Elements
----------------------------------------*/
ul {list-style:none;}

#app_canvas p {margin: 0 0 0.5em 0;	line-height:1.2em;}
#app_canvas p.last {margin-bottom:0;}

#app_canvas h1 {font-size:16px;}
#app_canvas h2 {font-size:14px;}
#app_canvas h3 {font-size:14px;}
#app_canvas h4 {font-size:12px;}
#app_canvas h5 {font-size:12px;}
#app_canvas h6 {font-size:12px;}
#app_canvas h1,#app_canvas h2,
#app_canvas h3,#app_canvas h4,
#app_canvas h5,#app_canvas h6 {margin-bottom:15px; }

#app_canvas blockquote {padding:5px;}

/* Standard Definitions
----------------------------------------*/
.pipe {margin:0 3px; color:#aaa; display:inline-block; width:1px;}
.hyphen {padding:0 5px; font-size:14px;}

.title {font-size:14px;}
.description, .time {color:#808080;}
.underline {border-bottom:1px solid #d8dfea;padding-bottom:5px;}

.float-left {float:left;}
.float-right {float:right;}
.clear-both {clear:both;}
.display-block {display:block;}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-15 {margin-bottom:15px;}

.hide {display:none;}
.show {display:block;}

.bold {font-weight:bold;}
.small-font {font-size:10px;}
.normal-font {font-size:12px;}
.large-font {font-size:14px;}
.weight-normal {font-weight:normal;}
.gray-box {background:#f7f7f7;border:1px solid #ddd;padding:10px;margin-bottom:15px;}
.submit-holder {padding:10px;text-align:center;}


/* Standard Form Elements
----------------------------------------*/
input, select {
	vertical-align:middle;
}
label {
	color:#666;
	cursor:pointer;
	font-weight:bold;
}
textarea {border:1px solid #98A8C2;padding:3px;}

select, label, textarea,input {
	font-family:'lucida grande',tahoma,verdana,arial,simsun,sans-serif;
}

.input-text {border:1px solid #98A8C2;padding:3px;}
.input-checkbox {margin:0;padding:0;}
.input-button, .input-submit {
	background-color:#3b5888;
	border-color:#d8dfea #0e1f5b #0e1f5b #d8dfea;
	border-style:solid;
	border-width:1px;
	color:#fff;
	cursor:pointer;
	font-size:12px;
	padding:3px 15px;
	text-align:center;
	margin-right:5px;
}
input.gray {
	border:1px solid;
	border-color:#fff #848484 #848484 #fff;
	background:#f0f0f0;
	color:#333;
}

/* List Style
----------------------------------------*/
.float-list li {
	float:left;
	height:26px;
	line-height:26px;
}

.float-list li img{
	vertical-align:middle;
}


.float-list.rows-4 li {
	width:140px;
}



/* Friends Selector
----------------------------------------*/
#app_canvas .friend-selector.loading-progress .selector {background:url(/img/indicator.gif) no-repeat center; }
#app_canvas .friend-selector.loading-progress .selector ul {display:none;}
#app_canvas .friend-selector .selector{ border:1px solid #d8dfea; padding:0.5em; background-color:#fff; height:180px; overflow:scroll; overflow-x:hidden; margin-bottom:15px;}
#app_canvas .friend-selector .selector ul li{ width:134px; height:39px; overflow:hidden; float:left;  border:0 ; padding:0; margin:3px; margin-right:3px;}
#app_canvas .friend-selector .selector ul li a{ display:block; height:39px; padding:4px;}
#app_canvas .friend-selector .selector ul li a:hover{ text-decoration:none; background:url(/img/tiny_friend_selector_hover_bg.gif) top left no-repeat;}
#app_canvas .friend-selector .selector ul li a:hover h4{ color:#333;}
#app_canvas .friend-selector .selector ul li a:hover span.atnet{ color:#666;}
#app_canvas .friend-selector .selector ul li a:hover span.picbox{ background-color:#fff;}
#app_canvas .friend-selector .selector ul li a h4{ color:#333;margin-bottom:0;}
#app_canvas .friend-selector .selector ul li a span.atnet{ color:#ccc;}
#app_canvas .friend-selector .selector ul li a span.picbox{ width:25px; height:25px; padding:2px; margin-right:3px; border:1px #ccc solid; float:left; border-color:#b1c1e1;}
#app_canvas .friend-selector .selector ul li a span.picbox span.pic{ background-color:#fff; background-position:center; background-repeat:no-repeat; width:25px; height:25px; display:block; }
#app_canvas .friend-selector .selector ul li a span.picbox img.added{ display:none;}
#app_canvas .friend-selector .selector ul li.select,
#app_canvas .friend-selector .selector ul li.select a:hover{ background:url(/img/tiny_friend_selector_bg.gif) top left no-repeat;}
#app_canvas .friend-selector .selector ul li.select a h4,
#app_canvas .friend-selector .selector ul li.select a:hover h4{ color:#fff;}
#app_canvas .friend-selector .selector ul li.select a:hover span.atnet{ color:#ccc;}
#app_canvas .friend-selector .selector ul li.select a span.picbox,
#app_canvas .friend-selector .selector ul li.select a:hover span.picbox{ background:#8497C0;}
#app_canvas .friend-selector .selector ul li.select a span.picbox span.pic{ background-position:center; background-repeat:no-repeat; width:25px; height:25px; }
#app_canvas .friend-selector .selector ul li.select a span.picbox span.pic img.added{ display:block; padding-top:10px;}
#app_canvas .friend-selector .selector ul li a {blr:expression(this.onFocus=this.blur());}


.condensed_multi_friend_selector {border:1px solid #98A8C2;width:300px;margin-bottom:10px;}
.condensed_multi_friend_selector .search_holder {border-bottom:1px solid #98A8C2;}
.condensed_multi_friend_selector .clear-result {float:right;}
.condensed_multi_friend_selector .search_freinds {border:0;padding:4px 4px 5px 20px;background:url(/img/searchinputbg.gif) no-repeat 3px 3px; width:240px; }
.condensed_multi_friend_selector .search_freinds.gray {color:#808080;}
.condensed_multi_friend_selector .unselected_list {border-right:1px solid #98A8C2;overflow:auto; padding:5px; float:left; width:120px; height:147px;margin-right:4px;}
.condensed_multi_friend_selector .selected_list {border-left:1px solid #98A8C2;overflow:auto; padding:5px; height:147px;position:relative;}
.condensed_multi_friend_selector .unselected { background:url(/img/plus.gif) no-repeat 5px 5px;padding:3px 0 3px 18px;}
.condensed_multi_friend_selector .unselected.uhover { background:#3b5888 url(/img/plus_white.gif) no-repeat 5px 5px;cursor:pointer;color:#fff; }
.condensed_multi_friend_selector .selected { background:#fff url(/img/x_to_hide_gray.gif) no-repeat 2px 2px;padding:1px 0 1px 18px;position:relative;}
.condensed_multi_friend_selector .selected.shover { background-image:url(/img/x_to_hide_dark_blue.gif);cursor:pointer;}

.condensed_multi_friend_selector .selected_list .empty-list {position:absolute;}
.condensed_multi_friend_selector .selected_list .error {position:absolute; top:50px;background:#ffebe8;border:1px solid #dd3c10; padding:10px; margin-right:5px;}

*html .condensed_multi_friend_selector .unselected_list {margin-right:2px;}
*+html .condensed_multi_friend_selector .unselected {padding:5px 0 2px 18px;}
*+html .condensed_multi_friend_selector .selected {padding:3px 0 0 18px;}

.app-invite-list p {margin-bottom:5px;}
.app-invite-list a {margin-right:5px;}
.app-invite-preview {padding-top:5px;}
.app-invite-preview p {margin-bottom:3px;}
.app-invite-preview .preview-holder {border:1px solid #d8dfea;padding:10px;}
.app-invite-preview .preview-holder .image {float:left;margin-right:10px;}
.app-invite-preview .preview-holder p {font-weight:bold;color:#808080;}

/* APP Grade Bar */
.app-grade-holder{width:810px;margin-bottom:5px;padding-bottom:6px;float:left;background:transparent url(http://img.hi.mop.com/img/triangle_bottom.png) no-repeat bottom;}
.app-grade{padding:0 10px;background:#F4F8FF;border:1px solid #D8DFEA;border-bottom:none;height:30px;line-height:30px;}
.app-grade a.share-app{overflow:hidden;margin-top:5px;text-indent:-9999px;outline:none;float:right;width:58px;height:19px;display:block;background:url(http://img.hi.mop.com/img/act_share.gif) no-repeat;}
.app-grade a.share-app:hover{background-position:0 -19px;}
.app-grade a.invite-friends{overflow:hidden;margin:5px 10px 0 0;text-indent:-9999px;outline:none;float:right;width:122px;height:19px;display:block;background:url(http://img.hi.mop.com/img/invitefriend.png) no-repeat;}
.app-grade a.invite-friends:hover{background-position:0 -19px;}
.app-grade .grades{margin-top:7px;height:15px;line-height:15px;background:url(http://img.hi.mop.com/img/stars.png) no-repeat;}
.app-grade .red{padding-left:110px;color:#CC3300;font-weight:bold;font-size:11px;}

.no-ad-center .app-grade-holder, .no-ad-center .contact-author{float:none;margin:0 auto 5px;}

/* APP Author-Contact Bar */
.contact-author{position:relative;width:778px;padding:0 15px;float:left;height:30px;line-height:30px;margin-top:5px;background-color:#F8F8F8;border:1px solid #A6A6A6;}
.contact-author .input-button{margin:2px 0 0 10px;}
.contact-author a.contact-btn, .contact-author a.contact-btn-active{overflow:hidden;margin-top:5px;display:block;width:80px;height:20px;text-indent:-9999px;outline:none;background:url(http://img.hi.mop.com/img/appauthor.png);}
.contact-author a.contact-btn-active{background-position:0 -40px;}
.contact-author a.contact-btn:hover{background-position:0 -20px;}
.author-list{width:78px;padding:5px 0;position:absolute;left:15px;border:1px solid #3C5988;background:#fff;}
.author-list li a{overflow:hidden;padding:0 10px;display:block;height:24px;line-height:24px;}
.author-list li a:hover{background:#6D84B4;color:#fff;text-decoration:none;}
/*	added by youhuata.com at 2008-08-26  15:42		*/
.scorethis{ color: #CC3300; font-weight: bold; font-size: 14px;}
.scorethisDiv{ float:left; width:52px; line-height:25px; margin-top:-3px}
.scorethis strong{ font-size: 28px;}
.domarks{padding-top:5px; line-height:25px; height:25px; overflow:hidden;}
.mark_txt{float:left; width:25px; line-height:24px; padding-left:5px; color:#808080;}
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating .current-rating{
	background: url(http://img.hi.mop.com/img/stars.png) left bottom no-repeat;
}

.star-rating{
	float:left;
	position:relative;
	width:90px;
	height:15px;
	overflow:hidden;
	list-style:none;
	background-position: left top;
	margin:4px 0;	
}
.star-rating li{
	display: inline;
}
.star-rated{ background-position:left top;}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:15px;
	line-height:15px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active {
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left bottom;
}

.gray-box{margin-bottom:0}
/*	added end	*/
.submit-holder {padding:10px;text-align:center;}


/* Standard Form Elements
----------------------------------------*/
/*
input, select {
    vertical-align:middle;
}
label {
    color:#666;
    cursor:pointer;
    font-weight:bold;
}
textarea {border:1px solid #bdc7d8;padding:3px;}

select, label, textarea,input {
    font-family:'lucida grande',tahoma,verdana,arial,simsun,sans-serif;
}

.input-text {border:1px solid #bdc7d8;padding:3px;}
.input-checkbox {margin:0;padding:0;}
.input-button, .input-submit {
    background-color:#005eac;
    border-color:#d8dfea #0e1f5b #0e1f5b #d8dfea;
    border-style:solid;
    border-width:1px;
    color:#fff;
    cursor:pointer;
    font-size:12px;
    padding:3px 15px;
    text-align:center;
    margin-right:5px;
}
input.gray {
    border:1px solid;
    border-color:#fff #848484 #848484 #fff;
    background:#f0f0f0;
    color:#333;
}
*/
/* List Style
----------------------------------------*/
.float-list li {
    float:left;
    height:26px;
    line-height:26px;
}

.float-list li img{
    vertical-align:middle;
}


.float-list.rows-4 li {
    width:140px;
}



/* Friends Selector
----------------------------------------*/
#app_canvas .friend-selector.loading-progress .selector {background:url(/img/indicator.gif) no-repeat center; }
#app_canvas .friend-selector.loading-progress .selector ul {display:none;}
#app_canvas .friend-selector .selector{ border:1px solid #d8dfea; padding:0.5em; background-color:#fff; height:180px; overflow:scroll; overflow-x:hidden; margin-bottom:15px;}
#app_canvas .friend-selector .selector ul li{ width:134px; height:39px; overflow:hidden; float:left;  border:0 ; padding:0; margin:3px; margin-right:3px;}
#app_canvas .friend-selector .selector ul li a{ display:block; height:39px; padding:4px;}
#app_canvas .friend-selector .selector ul li a:hover{ text-decoration:none; background:url(/img/tiny_friend_selector_hover_bg.gif) top left no-repeat;}
#app_canvas .friend-selector .selector ul li a:hover h4{ color:#333;}
#app_canvas .friend-selector .selector ul li a:hover span.atnet{ color:#666;}
#app_canvas .friend-selector .selector ul li a:hover span.picbox{ background-color:#fff;}
#app_canvas .friend-selector .selector ul li a h4{ color:#333;margin-bottom:0;}
#app_canvas .friend-selector .selector ul li a span.atnet{ color:#ccc;}
#app_canvas .friend-selector .selector ul li a span.picbox{ width:25px; height:25px; padding:2px; margin-right:3px; border:1px #ccc solid; float:left; border-color:#b1c1e1;}
#app_canvas .friend-selector .selector ul li a span.picbox span.pic{ background-color:#fff; background-position:center; background-repeat:no-repeat; width:25px; height:25px; display:block; }
#app_canvas .friend-selector .selector ul li a span.picbox img.added{ display:none;}
#app_canvas .friend-selector .selector ul li.select,
#app_canvas .friend-selector .selector ul li.select a:hover{ background:url(/img/tiny_friend_selector_bg.gif) top left no-repeat;}
#app_canvas .friend-selector .selector ul li.select a h4,
#app_canvas .friend-selector .selector ul li.select a:hover h4{ color:#fff;}
#app_canvas .friend-selector .selector ul li.select a:hover span.atnet{ color:#ccc;}
#app_canvas .friend-selector .selector ul li.select a span.picbox,
#app_canvas .friend-selector .selector ul li.select a:hover span.picbox{ background:#8497C0;}
#app_canvas .friend-selector .selector ul li.select a span.picbox span.pic{ background-position:center; background-repeat:no-repeat; width:25px; height:25px; }
#app_canvas .friend-selector .selector ul li.select a span.picbox span.pic img.added{ display:block; padding-top:10px;}
#app_canvas .friend-selector .selector ul li a {blr:expression(this.onFocus=this.blur());}


.condensed_multi_friend_selector {border:1px solid #bdc7d8;width:300px;margin-bottom:10px;}
.condensed_multi_friend_selector .search_holder {border-bottom:1px solid #bdc7d8;}
.condensed_multi_friend_selector .clear-result {float:right;}
.condensed_multi_friend_selector .search_freinds {border:0;padding:4px 4px 5px 20px;background:url(/img/searchinputbg.gif) no-repeat 3px 3px; width:240px; }
.condensed_multi_friend_selector .search_freinds.gray {color:#808080;}
.condensed_multi_friend_selector .unselected_list {border-right:1px solid #bdc7d8;overflow:auto; padding:5px; float:left; width:120px; height:147px;margin-right:4px;}
.condensed_multi_friend_selector .selected_list {border-left:1px solid #bdc7d8;overflow:auto; padding:5px; height:147px;position:relative;}
.condensed_multi_friend_selector .unselected { background:url(/img/plus.gif) no-repeat 5px 5px;padding:3px 0 3px 18px;}
.condensed_multi_friend_selector .unselected.uhover { background:#005eac url(/img/plus_white.gif) no-repeat 5px 5px;cursor:pointer;color:#fff; }
.condensed_multi_friend_selector .selected { background:#fff url(/img/x_to_hide_gray.gif) no-repeat 2px 2px;padding:1px 0 1px 18px;position:relative;}
.condensed_multi_friend_selector .selected.shover { background-image:url(/img/x_to_hide_dark_blue.gif);cursor:pointer;}

.condensed_multi_friend_selector .selected_list .empty-list {position:absolute;}
.condensed_multi_friend_selector .selected_list .error {position:absolute; top:50px;background:#ffebe8;border:1px solid #dd3c10; padding:10px; margin-right:5px;}

*html .condensed_multi_friend_selector .unselected_list {margin-right:2px;}
*+html .condensed_multi_friend_selector .unselected {padding:5px 0 2px 18px;}
*+html .condensed_multi_friend_selector .selected {padding:3px 0 0 18px;}

.app-invite-list p {margin-bottom:5px;}
.app-invite-list a {margin-right:5px;}
.app-invite-preview {padding-top:5px;}
.app-invite-preview p {margin-bottom:3px;}
.app-invite-preview .preview-holder {border:1px solid #d8dfea;padding:10px;}
.app-invite-preview .preview-holder .image {float:left;margin-right:10px;}
.app-invite-preview .preview-holder p {font-weight:bold;color:#808080;}

/* APP Grade Bar */
.app-grade-holder{width:810px;margin-bottom:5px;padding-bottom:6px;float:left;background:transparent url(http://s.xnimg.cn/img/triangle_bottom.png) no-repeat bottom;}
.app-grade{padding:0 10px;background:#F4F8FF;border:1px solid #D8DFEA;border-bottom:none;height:30px;line-height:30px;}
.app-grade a.share-app{overflow:hidden;margin-top:5px;text-indent:-9999px;outline:none;float:right;width:58px;height:19px;display:block;background:url(http://s.xnimg.cn/img/act_share.gif) no-repeat;}
.app-grade a.share-app:hover{background-position:0 -19px;}
.app-grade a.invite-friends{overflow:hidden;margin:5px 10px 0 0;text-indent:-9999px;outline:none;float:right;width:122px;height:19px;display:block;background:url(http://s.xnimg.cn/img/invitefriend.png) no-repeat;}
.app-grade a.invite-friends:hover{background-position:0 -19px;}
.app-grade .grades{margin-top:7px;height:15px;line-height:15px;background:url(http://s.xnimg.cn/img/stars.png) no-repeat;}
.app-grade .red{padding-left:110px;color:#CC3300;font-weight:bold;font-size:11px;}

.no-ad-center .app-grade-holder, .no-ad-center .contact-author{float:none;margin:0 auto 5px;}

/* APP Author-Contact Bar */
.contact-author{position:relative;width:778px;padding:0 15px;float:left;height:30px;line-height:30px;margin-top:5px;background-color:#F8F8F8;border:1px solid #A6A6A6;}
.contact-author .input-button{margin:2px 0 0 10px;}
.contact-author a.contact-btn, .contact-author a.contact-btn-active{overflow:hidden;margin-top:5px;display:block;width:80px;height:20px;text-indent:-9999px;outline:none;background:url(http://s.xnimg.cn/img/appauthor.png);}
.contact-author a.contact-btn-active{background-position:0 -40px;}
.contact-author a.contact-btn:hover{background-position:0 -20px;}
.author-list{width:78px;padding:5px 0;position:absolute;left:15px;border:1px solid #3C5988;background:#fff;}
.author-list li a{overflow:hidden;padding:0 10px;display:block;height:24px;line-height:24px;}
.author-list li a:hover{background:#6D84B4;color:#fff;text-decoration:none;}
/*  added by youhuata.com at 2008-08-26  15:42      */
.scorethis{ color: #CC3300; font-weight: bold; font-size: 14px;}
.scorethisDiv{ float:left; width:52px; line-height:25px; margin-top:-3px}
.scorethis strong{ font-size: 28px;}
.domarks{padding-top:5px; line-height:25px; height:25px; overflow:hidden;}
.mark_txt{float:left; width:25px; line-height:24px; padding-left:5px; color:#808080;}
.star-rating,
/*.star-rating a:hover,*/
/*.star-rating a:active,*/
.star-rating .current-rating{
    background: url(http://s.xnimg.cn/img/stars.png) left bottom no-repeat;
}
.pop_dialog_table .star-rating a:hover,.pop_dialog_table .star-rating a:active,.pop_dialog_table .star-rating a:visited{background:none;}
.star-rating{
    float:left;
    position:relative;
    width:90px;
    height:15px;
    overflow:hidden;
    list-style:none;
    background-position: left top;
    margin:4px 0;
}
.star-rating li{
    display: inline;
}
.star-rated{ background-position:left top;}
.star-rating a,
.star-rating .current-rating{
    cursor: default;
    position:absolute;
    top:0;
    left:0;
    text-indent:-1000em;
    height:15px;
    line-height:15px;
    outline:none;
    overflow:hidden;
    border: none;
}
.star-rating a:hover,
.star-rating a:active {
    background-position: left bottom;
}
.star-rating a.one-star{
    width:20%;
    z-index:6;
}
.star-rating a.two-stars{
    width:40%;
    z-index:5;
}
.star-rating a.three-stars{
    width:60%;
    z-index:4;
}
.star-rating a.four-stars{
    width:80%;
    z-index:3;
}
.star-rating a.five-stars{
    width:100%;
    z-index:2;
}
.star-rating .current-rating{
    z-index:1;
    background-position: left bottom;
}
.share_rating{margin:0}
.share_rating .rating_num{text-indent:-999em;overflow:hidden;display:block;background:url(http://s.xnimg.cn/img/stars.png) no-repeat left bottom; line-height:15px; height:15px}

.gray-box{margin-bottom:0}
/*  added end   */

#appCommentForm .domarks label {display: inline;}
#appCommentForm textarea{height:30px;width:450px!important;color:#333;}
#appCommentForm .status-count{}
#appCompatible td.pop_content .dialog_body .no-margin {margin:0;}

/* featured app */
.app-featured {width:128px;overflow:hidden;margin-top:0px;margin-bottom:15px;text-align:center;background-color:#F7F7F7}
.app-featured .innerborder {border:1px solid #E9E9E9; background-color:#fff;padding:5px; margin:3px 5px 5px}
.app-featured h3 {font-weight:bold;color:#808080;font-size:12px;margin-bottom:10px;}
.app-featured strong {display:block;}
.app-featured img {margin:5px 0;}

.share_info{float:left; padding-left:5px; color:#666}
.share_info p{ margin:5px 0}
.share_info .tag{color:#333}

.separator{ margin:10px 5px; height:1px; overflow:hidden; background:#E9E9E9}
.app-featured .featured_ad_title{background:#F7F7F7;margin-bottom:0; padding-top:3px}

/* app right column */
div.blank-bar {border: 3px solid #F7F7F7;text-align:center;float:right}
div.blank-bar h3 {background-color:#F7F7F7;font-size: 12px;padding: 4px;color:#666666}
.blank-bar-pro {background: #F7F7F7;float:right;text-align:center;width:128px;}
.blank-bar-pro h3 {color:#808080;margin: 5px 0;font-size: 12px;}
.app-featured-pro {border:1px solid #e9e9e9;background:#FFF;width:108px;padding:6px;}
.app-featured-pro .innerborder {border-bottom:1px solid #E9E9E9;padding: 10px 4px;}
.app-featured-pro .innerborder strong a {color:#005eac;}
.app-featured-pro .innerborder .description {color: #808080;}
.app-featured-pro .innerborder a img {margin: 10px 0;}


label.star1, label.star2, label.star3, label.star4, label.star5 {
	display: inline-block;
	margin-right: 10px;
	height: 17px;
	padding-top: 3px;
	vertical-align: middle;
}
label.star1 input, label.star2 input, label.star3 input, label.star4 input, label.star5 input {
	width: 13px;
	height: 13px;
	vertical-align: bottom;
}
label.star1 span, label.star2 span, label.star3 span, label.star4 span, label.star5 span {
	display: inline-block;
	text-indent: -9999px;
	height: 15px;
	vertical-align: top;
	overflow:hidden;
	margin-left: 4px;
	background-image: url(/img/stars.png);
	background-repeat: no-repeat;
}
label.star1 span {
	width: 18px;
	background-position: left -15px;
}
label.star2 span {
	width: 36px;
	background-position: left -45px;
}
label.star3 span {
	width: 54px;
	background-position: left -75px;
}
label.star4 span {
	width: 72px;
	background-position: left -105px;
}
label.star5 span {
	width: 90px;
	background-position: left -135px;
}

/*
 * Contact dialog
 * 2009-04-09 by jingwei.li
 * */
p.error {
	padding: 5px;
	margin-bottom: 5px;
	text-align: left;
	background-color: #FFEBE8;
	border: 1px solid #DD3C10;
}
.contact-dialog .header {text-align:right;padding-bottom:10px;border-bottom:1px solid #E3EEF9;}
.contact-dialog .header h3 {font-size:12px;float:left;}
.contact-dialog .header span.contact {font-size:12px;}
.contact-dialog p.error {margin-top:0;}
.contact-dialog p.subheadline {color:#666;margin:10px 0;}
.contact-dialog form select {vertical-align:middle;width:268px;}
.contact-dialog form input, .contact-dialog form textarea {vertical-align:middle;width:260px;}
.contact-dialog form textarea {width:262px;}
.contact-dialog form label {cursor:default;line-height:22px;display:block;margin-bottom:15px;clear:both;font-weight:normal}
.contact-dialog form label .label {float:left;width:80px;text-align:right;margin-right:6px;}
.contact-dialog form span.hint {display:inline-block;margin-left:86px;line-height:1.4em;width:270px;}
.contact-dialog form textarea {height:80px;}

/**
* Autotext for xn:multi-friend-selector-x
* @author ying.zhang
*/
.skipping {
	border-bottom:1px solid #CCC;
	margin:0 0 10px;
}
.skipping .words {
	float:left;
}
.skipping h4{
	line-height:20px;
	margin-bottom:2px;
	font-size:14px
}
.skipping p {
	color:gray;
	line-height:20px;
	margin-bottom:2px;
}
.skipping input {
	float:right;
	margin-top:16px;
}	

/**by yang.zhao**/
.friendAutoSelector{overflow-x:hidden;overflow-y:auto;height:66px;}
.friendSelectorBox .float-right{font-size:12px;color:#666;font-weight:lighter}
.friendSelectorBox input{margin-right:5px}
*+html .n-f-s .function{width:49%}
.app-title{background: url(/imgpro/icons/app-title-icons.png) 0 0 no-repeat;line-height:22px;padding:10px 0;padding-left:100px}
.app-title strong{font-weight:bold;font-size:14px}

.all_top{ width:822px; float:left; height:33px; line-height:33px; padding-left:16px; font-weight:bold; background:url(../imgpro/app/app_top.gif) no-repeat 0 0; color:#000}	
.all_users{width:822px; float:left; margin-top:10px;}
.vaflist {float:left;height:98px;text-align:center;width:70px; margin-left:10px;display:inline}
.vaflist .olname { width:70px; overflow:hidden;height:16px;}
.l50_s_list{height:63px; margin:0 5px -5px 8px; overflow:hidden; padding-top:6px; text-align:center; }
.userpicImage_users{position:relative;height:50px;width:50px; overflow:hidden; float:left}