body
{
	background:#FFF;		
}

li { list-style:none;}

a {color: #3B5998; text-decoration:none;}

#header-container 
{
	width:960px;
	margin:0 auto;
	height:100px;
}

#header-container h1 { float:left;}

#header-container ul
{
	width: 200px;
	height:20px;
	display:block;
	float:right;
	padding-top:60px;
}

#header-container ul li
{
	list-style: none;
	float:left;
	display:block;
	padding:0px 10px;
}

#header-container ul li a
{
	color:#036;
	text-decoration:underline;
	font:12px/24px Tahoma;
}

#nono-logo 
{
	width: 240px;
	height:80px;
	float:left;
}

#main-container
{
	background:#FFF url(Images/HOME_160x5_bg.png) repeat-x;
	border-bottom: 1px solid #036;
	height: 600px;
	width:960px;
	padding:0px;
	margin:0px auto;
}

.frame-container 
{
	width:840px;
	height:340px;
	overflow: auto;
	padding:10px;
	margin:0 auto;	
}

input { font:12px Tahoma; line-height:160%; text-indent:4px;}

a { font:12px/160% Tahoma; }

#help_title, .std_title {height:40px; padding-top:10px; margin:0 auto; border-bottom:1px solid #c3cfe1;}
#help_title h2, .std_title h2 { font:bold 14px/30px Tahoma;}

#help_main { width:720px;}

#help_info { width:600px; margin:0 auto; font:12px/22px Tahoma;}
#help_info p { padding:0; margin:8px 0px; font:12px/22px Tahoma;}
#help_info ul li { font:12px/22px Tahoma;}

/*
	==================================================================================
	Login 登录	
*/

.login-container {width:540px; height:300px; margin:120px auto 10px;}

.login-fields { width:480px; font:14px Arial; padding:0px; margin:0px;}
.login-fields li { width:480px; margin:0px; padding:0px; list-style:none;}
.login-fields li label { width:210px; display:block; height:30px; text-align:right; padding-right:10px; float:left; font:14px/30px Arial;}
.login-fields li span {width:240px; display:block; height:30px; padding-left:10px; float:left;}
.login-fields li span input { width:180px; border:none;}


.tip-container { text-indent:12px;}
.tip-container li { line-height:20px; }

.error-tip { color:#F00; font:14px;}
/*
	==================================================================================
	注册页面布局
*/
	
.register-container 
{
	width: 800px;
	height:520px;
	margin:0 auto;
	}

.register-container h3 
{
    font:12px/30px Tahoma;
    text-indent:12px;
    border-bottom:#EDEDED solid 1px;
    }

form p 
{
	font:12px Tahoma;
	height:28px;
	display:block;
	clear:both;
	margin:6px auto;
}

form p label 
{
	display: block;
	width:100px;
	padding-right:40px;
	text-align: right;
	height:28px;	
	font:12px/28px Tahoma;
	float:left;	
	}

form p input
{
	width:200px;
	display:block;
	float:left;
	height:18px;
	line-height:18px;
	margin-top:2px;
}

form p span { line-height:20px; color:#6F6F6F;}
form p span.error { display:block; float:left; color:Red; font:14px;}	

form p span.tip { width:440px; display:block; color:#6D6D6D; float:left; text-indent:10px; height:28px; font:12px/28px Tahoma;}


/*
	=========================================================================
	底部布局 版权... etc
*/	
#copyright 
{
	width:400px;
	height:30px;
	text-indent:10px;
	float:left;
	}
	
#footer-container 
{
	width: 960px;
	height:80px;
	font:12px/30px Tahoma;
	margin:0 auto;
	}
	
#footer-link
{
	width:300px;
	height:30px;
	float:right;	
	}

#footer-link li
{
	list-style:none;
	display:block;
	margin:0 5px;
	float:left;
	height:30px;
}

#footer-link a 
{
	color:#036;
	text-decoration:underline;
}
/*
	============================================================================
	end
*/


/*
    index
*/
.index-login {width:400px; height:60px; margin-top:10px; display:block; float:right;}

.index-login li { width:100%; height:30px; font:14px Tahoma; display:block;}

.index-label,
.index-login label { width: 160px; display:block; line-height:30px; text-align:right; padding-right:10px; float: left; height:30px;}
.index-login span { width:220px; display:block; float:left; height:30px;}
.index-login span input { width:214px; height:21px; line-height:18px;} 

/*
    搜索结果 用户信息
*/

.search-nono-title 
{
    height:30px; padding-top:10px; margin:0 auto; border-bottom:1px solid #c3cfe1;    
    }
.search-nono-title h2   
{font:bold 12px/30px Tahoma;}

.search-nono-result 
{
    width: 440px;
    }


.search-nono-result li { display:block; height:30px; line-height:30px;}
.search-nono-result li label { width: 80px; font:12px/30px Tahoma; display:block; text-align:right; float:left; }
.search-nono-result li span { width:160px; display:block; float:left; text-indent:10px; font:12px/28px Tahoma;}

.search-nono-card p { padding:10px; height:100px;}
.search-nono-card p label { font:12px Tahoma;}
.search-nono-card p input { height:21px;}

.search-nono-guest p { padding:10px;}


/*
    用户搜索后的结果
*/
.search-result {}

/*
    Help 小区域 
*/
.help-container {width: 540px; height:200px; margin:100px auto 10px; background:#FFF; border:3px solid #E8E8E8;}
.help-container .header-warp { height:30px; width:520px; margin:20px 10px 0px; border-bottom:1px solid #EDEDED;}
.help-container h3 {width:100px; float:left; height:30px; font:bold 12px/30px Tahoma; color:#2A2A2A;}
.icon-title-key { text-indent: 30px; background:url(Images/ico-key.gif) no-repeat 0 8px;}

.help-container .content-warp { width:520px; margin: 5px auto;}

.help-container p { margin:0px; padding:5px 5px; line-height:160%; font:12px/160% Tahoma;}

.list-p { display:block; clear:both; margin:0px; padding:0px;}

.list-p label,
.help-container p label { width:100px; font:12px/30px Tahoma; height:30px; 
                          padding-right:10px; display:block; float:left; text-align:right;}
                          
.list-p span,                          
.help-container p span { width:300px; height:30px; display:block; float:left;}

.list-p span input,
.help-container p input { height:21px; line-height:21px; width:150px;}

/*
    访问限制

*/
.limit-container { margin-top:5px;}
.limit-container li { width: 220px; height:26px; font:12px/30px Tahoma; float:left; margin-left: 5px;
                      background:#E0E5EE url(Images/icon-limit.png) no-repeat 2px 2px;}
.limit-container li label {font:12px/24px Tahoma; display:block; float:left;}
.limit-container li .field-userid { width:40px; margin-left:25px;}
.limit-container li .field-nonoid { width:90px;}
.limit-container li span { width:60px; font:12px/24px Tahoma; display:block; float:left;}




/*
    Table Style
    List 
*/
.list-table { width:100%;}
.list-table th { height:24px; text-align:center; font:12px Tahoma;}
.list-table td { height:23px; font:12px/20px Tahoma;}

#loadingContainer { width:200px; height:24px; position:absolute; display:none; 
                    right:0; top: 0; background:#EDEDED url(Images/loading_grey.gif) no-repeat 2px 2px;}

.loadingContainer {width: 200px; height:24px; display:none; text-indent:24px; line-height:26px;
                   background:#EDEDED url(Images/loading_grey.gif) no-repeat 5px 5px;}

/*
    Style Container
*/
.paging-container {width: 100%; height:20px; padding:5px 0px; font:11px 'Lucida Grande'; border-top:1px solid #6D84B4;}
.paging-container label,
.paging-container span { display:block; float:left; padding:0px 3px; line-height:160%;}

.paging-container a { cursor:pointer;}
.paging-container .page-empty { color:#CDCDCD;}


.form-fields {width:480px;}

.form-fields { width:480px; font:14px Arial; padding:0px; margin:0px;}
.form-fields li { width:480px; margin:0px; padding:0px; list-style:none;}
.form-fields li label { width:100px; display:block; height:30px; text-align:right; padding-right:10px; float:left; 
                        font:12px/30px Arial;}
.form-fields li span {width:240px; display:block; height:30px; padding-left:10px; float:left;}
.form-fields li span input { width:180px; border:none; height:20px; line-height:20px;}


#edit-user-container { width: 640px; height: 540px; position:absolute; border:5px solid #EDEDED; background:#FFF;}

#edit-photo-container { width: 480px; height:240px; position:absolute; border:5px solid #EEE; background:#FFF; top: 200px;}

#ImageForm p { height:30px; padding: 5px 0px;}

#ImageForm p label { width:100px; height: 30px; font:12px/30px Tahoma; display:block; float:left; padding-right:10px; text-align:right;}

#ImageForm p span { width:300px; height:30px; display:block; float:left;}