.spacer-20 { height:20px; display:block; clear:both; width:100%;}

.main-container{ font:14px Arial;}

.main-container h2 { font:bold 14px Tahoma; margin:0px; line-height:30px;}

.content-container {width:680px; display:block; padding-left:10px;}

.content-navigation { width:100%; height:30px; margin:0px; border-bottom:1px solid #275B96; margin-bottom:10px;}

.content-navigation li { width:100px; margin:5px; height:24px; display:block; float:left;}

.content-navigation li a span { width:100%; height:22px; font:14px/22px Arial; text-align:center;}

.content-container h2 {border-bottom:1px solid #3B5998; text-indent:10px;}

.content-container h3 {border-bottom:1px solid #6D84B4; text-indent:10px; font:bold 12px/24px Tahoma;}



.content-container p { padding:5px; margin:10px;}

.navigation-container {width:200px;}

.navigation-container h2 { color:#3B5998; height:30px;}

.user-navigation { margin:5px 0px 0px 15px;}

.user-navigation li { list-style:none; height:24px; font:12px/24px Tahoma; padding-left:10px;
                      background:url(images/icon-arrow.gif) no-repeat left 8px; }

.user-info {width:340px; padding-top:10px;}

.user-info li { display:block; height:30px; float:left; width:100%; font:12px/24px Tahoma;}
.user-info li label { width:80px; display:block; height:24px; float:left; text-align:right; padding-right:10px;}
.user-info li span { width: 240px; display:block; height:24px; float:left; line-height:24px;}
.user-info li.textarea { height:160px;}
.user-info li.textarea span { height:90px;}
.user-info li input { height:21px; width:180px;}
.user-info li select, .user-info li textarea { margin-left:5px;}

.photo-container {width:115px; height:185px; background:url(images/photo_bg_115x145.png) no-repeat;
                  position:absolute; right:10px; top:10px;}
                  
.photo-warp { width:99px; height:117px; margin:10px auto 20px;}
.photo-warp img {width:99px; height:117px;}
.photo-edit { width:100%; height:30px; text-align:center; text-align:center;}

                  
                  
                  
.sub-menu {width:100%; height:30px; margin:0px;}
.sub-menu li { width:80px; height:30px; float:left; margin:0px 5px; display:block;}
.sub-menu li a span {width:80px; height:24px; font:12px/24px Tahoma; text-align:center; display:block; cursor:pointer;}


.change-container {width:480px; height:300px; margin:0px auto;}


.list-table {}
.list-table thead th { background:#D8DFEA; height:24px; border-bottom:1px solid #CCC; font:12px Tahoma; text-align:center;}
.list-table tbody td { height:24px; border-bottom:#CFCFCF solid 1px; text-align:center;}

/*
    Guest Book
*/
.guestbook-list {}
.guestbook-list li {width: 100%; height:60px; display:block; padding:5px; list-style:none;}
.guestbook-list .photo-warp {width: 58px; height:58px; display:block; float:left; border:1px solid #CDCDCD; margin:0px;}
.guestbook-list .content-warp {width: 570px; margin:0px; padding:0px; margin-left:5px; height:60px; 
                               float:left; padding-left:5px;}
.guestbook-list .action-warp {width:25px; height:60px; display:block; float:left;}
.guestbook-list .action-warp img { border:none; margin-top:5px;}
.guestbook-list .content-warp .header {font:11px/20px Tahoma; height:22px; border-bottom:1px solid #EFEFEF; 
                                       display:block; border-bottom:1px solid #EDEDED;}
                                       
.guestbook-list .content-warp .content {font:12px/160% Tahoma; text-indent:4px;}     


/*
    Access List
*/

.access-list { width: 680px; margin:5px auto; font:12px Tahoma;}

.access-list li { width:218px; height:88px; float:left; position:relative;
                  margin-left:5px; margin-bottom:5px; border:1px solid #EDEDED;}

.access-list li span.img-warp {width:50px; height:50px; position:absolute; left:5px; top:5px;
                               background:url(Images/photo_bg_50x50.png) no-repeat; }
                               
.access-list li span.img-warp img { width:32px; height:32px; margin:8px;}

.access-list li span { width:150px; display:block; height:28px; line-height:28px; float:right; 
                       border-bottom:1px solid #FFF;}
.access-list li span label {font:11px Tahoma;}    


/*
    Card Page
    用户名片列表
    
    点击 查看浏览记录
    滑动出现 名片下载记录
*/
.row { display:block; clear:both; height:24px;}
.cell { text-align:center; display:block; float:left; height:24px; 
        font:12px/24px Tahoma; border-bottom:1px solid #ECEFF5;}

.row-header { font:bold 12px/24px Tahoma; display:block; clear:both; height:24px; background:#D8DFEA;}
.row-header .cell { display:block; float:left; height:24px; text-align:center; font:bold 12px/24px Tahoma;}


.card-content { height:450px;}