@charset "utf-8";

* { margin:0; padding:0; }
body { font:12px/normal Tahoma, Geneva, sans-serif; color:#888; background:#fff url(../images/header_bg.png) repeat-x 0 0; text-align:center; }
a { text-decoration:none; color:#090909; }
img { border:0; }
ol, ul { list-style:none; }
textarea { padding:2px; font:12px/normal Tahoma, Geneva, sans-serif; color:#565656; border:1px solid #d9d9d9; overflow:auto; }
.radio { position:relative; right:3px; *right:1px; bottom:-2px; *bottom:-1px; }
.checkbox { position:relative; margin:0 2px 0 1px; /*right:3px; *right:1px;*/ bottom:-2px; *bottom:-1px; }
.textfield { padding:2px; font:12px/normal Tahoma, Geneva, sans-serif; color:#565656; border:1px solid #d9d9d9; }
.important, .important a { color:#ff0d0d; }
.notice { margin:6px 0 12px; padding:8px 10px 8px 35px; color:#303030; }
.warning { border:1px solid #fcd344; background:#fff5cc url(../images/ico-warning.gif) no-repeat 10px center; }
.info { border:1px solid #b8e2fb; background:#e8f6ff url(../images/ico-info.gif) no-repeat 10px center; }
.done { border:1px solid #bbdf8d; background:#eaf7d9 url(../images/ico-done.gif) no-repeat 10px center; }
.error { border:1px solid #ffaeae; background:#feebeb url(../images/ico-delete.gif) no-repeat 10px center; }


.clear { clear:both; }

#wrapper { margin:0 auto 30px; padding:0 10px; width:970px; text-align:left; }
#header { position:relative; margin-bottom:16px; height:100px; overflow:hidden; }
#header .utility { position:absolute; /*top:24px;*/top:52px; right:0; color:#666; text-align:right; }
#header .login a { margin:0 2px; }
#header .msg a { padding-left:20px; background:url(../images/icon_msg.png) no-repeat 0 2px; }
#logo { margin-top:16px; width:160px; height:60px; overflow:hidden; text-indent:-9999px; background:url(../images/logo.png) no-repeat 0 0; }
#logo a { display:block; width:160px; height:60px; overflow:hidden; }
.navigation { position:absolute; left:200px; top:45px; height:27px; overflow:hidden; line-height:27px; }
.navigation li { float:left; margin-right:20px; padding-left:14px; height:27px; overflow:hidden; font-size:14px; font-weight:bold; line-height:27px; }
.navigation li span { float:left; padding-right:14px; height:27px; overflow:hidden; line-height:27px; _line-height:28px; }
.navigation li a { color:#333; }
.navigation li.actived { background:url(../images/navi_actived.png) no-repeat 0 0; }
.navigation li.actived span { background:url(../images/navi_actived.png) no-repeat 100% 0; }
.navigation li.actived a { color:#fff; }

#subContent { float:left; width:180px; overflow:hidden; }
#subContent .module { background:url(../images/moudle_bg_180.png) repeat-y -180px 0; }
#subContent .moduleBody { padding:0 16px; }
#subContent .moduleTop { height:7px; overflow:hidden; background:url(../images/moudle_bg_180.png) no-repeat 0 0; }
#subContent .moduleBottom { height:7px; overflow:hidden; background:url(../images/moudle_bg_180.png) no-repeat 100% 0; }
#subContent li { height:55px; overflow:hidden; line-height:55px; border-bottom:1px solid #d9d9d9; }
#subContent li a { color:#000; position:relative; _bottom:-4px; }
#subContent li img { margin-right:10px; vertical-align:middle; }

#mainContent { float:right; width:770px; overflow:hidden; }
#mainContent h3 { position:relative; padding:0 8px 8px; height:32px; overflow:hidden; font-size:14px; color:#494949; line-height:34px; text-indent:20px; background:url(../images/moudle_bg_770.png) no-repeat 0 0; }
#mainContent h3 strong { display:block; text-indent:31px; }
#mainContent h3 .back { position:absolute; right:12px; top:0; font-size:12px; font-weight:normal; }
#mainContent h3 .back a { padding-left:13px; color:#666; background:url(../images/icon_back.png) no-repeat 0 3px; }
#mainContent h3 .stat { position:absolute; right:12px; top:0; font-size:12px; font-weight:normal; color:#666; }
#mainContent .module { margin-bottom:11px; background:url(../images/moudle_bg_770.png) repeat-y -770px 0; }
#mainContent .moduleBody { padding:4px 12px 10px; }
#mainContent .moduleBottom { height:4px; overflow:hidden; background:url(../images/moudle_bg_770.png) no-repeat 100% -36px; }
.userInfo { position:relative; margin-bottom:11px; }
.userInfo .avater { float:left; padding-left:4px; width:52px; height:52px; overflow:hidden; }
.userInfo .avater img { padding:1px; width:48px; height:48px; overflow:hidden; border:1px solid #d7d7d7; }
.userInfo .summary { float:right; width:700px; overflow:hidden; color:#666; }
.userInfo .summary h2 { margin-right:20px; font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#494949; display:inline; /*text-shadow:1px 1px 1px #fff;*/ }
.userInfo .summary .edit a { color:#72b043; }
.userInfo .userUrl { margin-top:5px; color:#999; }
.userInfo .function { margin-top:10px; padding-right:1px; height:28px; overflow:hidden; background:url(../images/user_function_bg_shadow.png) no-repeat 100% 0; }
.userInfo .function ul { padding:0 10px; height:28px; overflow:hidden; background:#f9f9f9 url(../images/user_function_bg.png) repeat-x 0 0; }
.userInfo .function li { float:left; padding-right:15px; height:28px; overflow:hidden; color:#999; line-height:28px; background:url(../images/user_fuction_seperator.png) no-repeat 100% 10px; }
.userInfo .function li span { float:left; padding-left:14px; height:28px; overflow:hidden; line-height:28px; }
.userInfo .function li.actived { background:url(../images/user_fuction_actived_bg.png) no-repeat 100% 0; }
.userInfo .function li.actived span { background:url(../images/user_fuction_actived_bg.png) no-repeat 0 0; }
.userInfo .function li.noBg { background:none; }
.userInfo .follow { position:absolute; right:4px; top:10px; text-indent:-9999px; }
.userInfo .follow a { display:block; width:74px; height:22px; background:url(../images/button_follow.png) no-repeat 0 0; }

.pathnavi { margin:16px 1px; }
.context { position:relative; padding:14px 12px 10px; text-align:right; }
.context a { color:#666; }
.context .createAblum { position:absolute; right:672px; top:6px; }
.context .share { float:right; margin-top:-1px; padding-right:2px; display:block; width:150px; height:16px; overflow:hidden; line-height:16px; text-align:right; }
.context .share a.unshare { float:right; margin-left:6px; padding-left:19px; display:block; height:16px; overflow:hidden; line-height:16px; background:url(../images/icon_share.png) no-repeat 0 1px; }
.context .share a.shared { float:right; margin-left:6px; padding-left:19px; display:block; height:16px; overflow:hidden; line-height:16px; background:url(../images/icon_share.png) no-repeat 0 -29px; color:#888; }

.pagenavi { text-align:right; height:24px; overflow:hidden; line-height:24px; }
.pagenavi .present { padding:4px; font-weight:bold; color:#72b043; }
.pagenavi .count { padding:0 1px; }
.pagenavi .firstPage, .pagenavi .lastPage { position:relative; bottom:-1px; padding:0 4px; width:8px; overflow:hidden; }
.pagenator a { padding:4px 6px 4px 7px; border:1px solid #eee; }

#userRegist { margin:0 6px; padding-top:10px; }
#userRegist h2 { font-size:14px; color:#666; text-indent:6px; }
#regForm ul { margin:10px 0; width:560px; border-top:1px solid #f0f0f0; }
#regForm li { height:36px; overflow:hidden; line-height:36px; border-bottom:1px solid #f0f0f0; }
#regForm li a { color:#72b043; }
#regForm label { float:left; display:block; height:36px; overflow:hidden; line-height:36px; }
#regForm label span { float:left; margin-right:14px; display:block; padding-left:16px; width:70px; height:36px; overflow:hidden; color:#090909; line-height:36px; background:#fafafa; border-right:1px solid #f0f0f0; }
#regForm label .textfield { float:left; margin-top:9px; width:200px; }
#regForm .info { float:left; display:block; height:36px; overflow:hidden; padding-left:10px; line-height:38px; background:none; border:0; /*display:none;*/ }
#regForm .f3 .valid { float:left; display:block; height:36px; overflow:hidden; line-height:38px; padding-left:34px; background:url(../images/ico-done.gif) no-repeat 10px 11px; }
#regForm .f3 .fail { float:left; display:block; height:36px; overflow:hidden; line-height:38px; padding-left:34px; background:url(../images/ico-warning.gif) no-repeat 10px 11px; color:#ff0d0d; }
#regForm .privacy { margin:12px 15px 0; }
#regForm .privacy a { padding:0 2px; color:#72b043; }
#regForm .regSubmit { margin:24px 0 0 8px; float:left; width:80px; height:23px; overflow:hidden; text-indent:9999px; background:url(../images/button_reg_submit.png) no-repeat 0 0; border:0; cursor:pointer; }

#loginForm h3 strong { background:url(../images/bullet_login.png) no-repeat 0 1px; }
#loginForm ul { padding-bottom:12px; margin:10px 10px 0; width:320px; border-top:1px solid #f0f0f0; }
#loginForm li { height:36px; overflow:hidden; line-height:36px; border-bottom:1px solid #f0f0f0; }
#loginForm li a { color:#72b043; }
#loginForm label { display:block; height:36px; overflow:hidden; line-height:36px; }
#loginForm label span { float:left; margin-right:14px; display:block; padding-left:16px; width:60px; height:36px; overflow:hidden; color:#090909; line-height:36px; background:#fafafa; border-right:1px solid #f0f0f0; }
#loginForm label .textfield { float:left; margin-top:9px; width:200px; }
#loginForm li p { margin-top:10px; height:15px; line-height:15px; padding-top:3px; *padding-top:0; }
#loginForm li .remember { padding:0 14px 0 16px; *padding:0 12px; }
/*#loginForm li .remember { _margin:6px 0 0 -3px; white-space:nowrap; float:left; margin-right:10px; display:block; padding-left:16px; width:65px; height:15px; overflow:hidden; line-height:15px; color:#090909; zoom:1; }*/
#loginForm .loginSubmit { margin:0 0 10px 18px; float:left; width:80px; height:23px; overflow:hidden; text-indent:9999px; background:url(../images/button_login_submit.png) no-repeat 0 0; border:0; cursor:pointer; zoom:1; }

#lostPassword h3 strong { background:url(../images/bullet_login.png) no-repeat 0 1px; }
#lostPassword form { *margin-bottom:-14px; width:610px; }
#lostPassword ul { margin-bottom:14px; }
#lostPassword li { clear:both; height:36px; overflow:hidden; line-height:36px; }
#lostPassword label { float:left; display:block; height:36px; overflow:hidden; line-height:36px; }
#lostPassword label span { float:left; text-align:right; margin-right:6px; display:block; padding-left:16px; width:60px; height:36px; overflow:hidden; color:#090909; line-height:36px; /*background:#fafafa; border-right:1px solid #f0f0f0;*/ }
#lostPassword label .textfield { float:left; margin-top:9px; width:200px; }
#lostPassword .info { float:left; display:block; height:36px; overflow:hidden; padding-left:10px; line-height:38px; background:none; border:0; /*display:none;*/ }

#userSettings h3 strong { background:url(../images/bullet_settings.png) no-repeat 0 1px; }
#userSettings form { *margin-bottom:-14px; width:610px; }
#userSettings ul { margin-bottom:14px; }
#userSettings li { clear:both; height:36px; overflow:hidden; line-height:36px; }
#userSettings label { float:left; display:block; height:36px; overflow:hidden; line-height:36px; }
#userSettings label span { float:left; text-align:right; margin-right:6px; display:block; padding-left:16px; width:60px; height:36px; overflow:hidden; color:#090909; line-height:36px; /*background:#fafafa; border-right:1px solid #f0f0f0;*/ }
#userSettings label .textfield { float:left; margin-top:9px; width:200px; }
#userSettings .info { float:left; display:block; height:36px; overflow:hidden; padding-left:10px; line-height:38px; background:none; border:0; /*display:none;*/ }
#userSettings #user_gender label { width:288px; }
#userSettings #user_avatar { height:75px; }
#userSettings #user_avatar .avater { float:left; margin-top:9px; width:52px; height:52px; overflow:hidden; }
#userSettings #user_avatar .avater img { padding:1px; width:48px; height:48px; overflow:hidden; border:1px solid #d7d7d7; }
#userSettings #user_avatar .uploadForm { float:left; display:block; height:100px; margin:0; padding:6px 0 0 12px; text-align:left; }
#userSettings #user_avatar .uploadForm p { margin-bottom:6px; }
#userSettings #user_local label { width:288px; }
#userSettings #user_pass { margin-top:10px; padding-top:10px; border-top:1px solid #f0f0f0; }
#userSettings .saveChanges { float:left; margin:4px 6px; width:80px; height:23px; overflow:hidden; text-indent:9999px; background:url(../images/button_save_changes.png) no-repeat 0 0; border:0; cursor:pointer; }
#userSettings .f3 .valid { float:left; display:block; height:36px; overflow:hidden; line-height:38px; padding-left:34px; background:url(../images/ico-done.gif) no-repeat 10px 11px; }
#userSettings .f3 .fail { float:left; display:block; height:36px; overflow:hidden; line-height:38px; padding-left:34px; background:url(../images/ico-warning.gif) no-repeat 10px 11px; color:#ff0d0d; }

#albumList h3 strong { background:url(../images/bullet_album.png) no-repeat 0 1px; }
#albumList .listItem170 ul { width:752px; }
#albumList .listItem170 li { float:left; padding-right:8px; width:180px; height:260px; overflow:hidden; }
#albumList .listItem170 li .cover { margin-bottom:6px; padding:3px 7px 7px 3px; width:170px; height:170px; overflow:hidden; background:url(../images/album_bg_170.png) no-repeat 0 0; }
#albumList .listItem170 li .cover a { display:block; width:170px; height:170px; overflow:hidden; }
#albumList .listItem170 li .edit { color:#666; line-height:1.6; }
#albumList .listItem170 li .edit a { margin:0 2px; }
#albumList .listItem170 li h4 { margin-bottom:4px; font-size:12px; }
#albumList .listItem170 li h4 a { color:#72b043; }
/*#albumList .listItem170 li h4 .spotlight { float:left; margin:0 6px 0 1px; display:block; width:14px; height:14px; overflow:hidden; text-indent:-9999px; background:url(../images/icon_spotlight.png) no-repeat 0 0; }*/
#albumList .listItem170 li h4 .security { float:left; margin:2px 6px 0 1px; display:block; width:13px; height:13px; overflow:hidden; text-indent:-9999px; background:url(../images/icon_security.png) no-repeat 0 0; }
#albumList .listItem170 li .edit .security { color:#090909; }

#photoList h3 strong { background:url(../images/bullet_album.png) no-repeat 0 1px; }
#photoList .listItem170 { float:left; width:554px; overflow:hidden; }
#photoList .listItem170 .context { padding-right:2px; }
#photoList .listItem170 .context .photoUpload { position:absolute; right:468px; top:5px; }
#photoList .listItem170 ul { width:564px; }
#photoList .listItem170 li { float:left; padding-right:12px; width:176px; height:240px; overflow:hidden; }
#photoList .listItem170 li .cover { padding:2px; border:1px solid #e7e7e7; width:170px; height:170px; overflow:hidden; display:table-cell; +display:block; position:static; +position:relative; vertical-align:middle; text-align:center; }
#photoList .listItem170 li .cover, x:-moz-any-link { height:176px; } /* FIREFOX HAX */
#photoList .listItem170 li .cover p { margin:0; display:table-cell; +display:block; margin:0; position:static; +position:absolute; top:50%; left:50%; width:170px; margin-left:auto; margin-right:auto; }
#photoList .listItem170 li .cover p img { position:static; +position:relative; top:auto; +top:-50%; left:auto; +left:-50%; zoom:1; }
#photoList .listItem170 li .description { margin-bottom:4px; line-height:1.5; }
#photoList .listItem170 li .edit { color:#666; line-height:1.6; }
#photoList .listItem170 li .edit a { margin:0 4px 0 2px; }
#photoList .listItem170 li h4 { margin:8px 0 4px; font-size:12px; }
#photoList .listItem170 li h4 a { color:#72b043; }
#photoList .listItem170 li h4 .spotlight { float:left; margin:0 6px 0 1px; display:block; width:14px; height:14px; overflow:hidden; text-indent:-9999px; background:url(../images/icon_spotlight.png) no-repeat 0 0; }
#photoList .subContent { float:right; margin-right:2px; padding-top:14px; width:170px; overflow:hidden; }
#photoList .subContent h4 { font-size:12px; color:#898585; }
#photoList .subContent h4 a { color:#898585; }
#photoList .subContent .component { padding:2px; border:1px solid #e7e7e7; }
#photoList .subContent .componentBody { padding:2px 9px 12px; background:#f7f7f7; }
#photoList .subContent .componentBody h3 { background:none; margin:0 2px 6px; padding:0; text-indent:0; color:#898585; text-align:center; }
#photoList .subContent .listAlbum110 .moveDown { margin:0 auto; width:47px; height:13px; overflow:hidden; text-indent:-9999px; }
#photoList .subContent .listAlbum110 .moveDown a { display:block; width:47px; height:13px; overflow:hidden; background:url(../images/arrow.png) no-repeat 100% 0; }
#photoList .subContent .listAlbum110 .moveDown a.actived { background-position:0 0; }
#photoList .subContent .listAlbum110 .moveUp { margin:0 auto; width:47px; height:13px; overflow:hidden; text-indent:-9999px; }
#photoList .subContent .listAlbum110 .moveUp a { display:block; width:47px; height:13px; overflow:hidden; background:url(../images/arrow.png) no-repeat 100% -13px; }
#photoList .subContent .listAlbum110 .moveUp a.actived { background-position:0 -13px; }
#photoList .subContent .listAlbum110 #wheel { height:779px; overflow:hidden; }
#photoList .subContent .listAlbum110 ul { padding-top:15px; }
#photoList .subContent .listAlbum110 li { height:153px; overflow:hidden; text-align:center; line-height:1.5; }
#photoList .subContent .listAlbum110 li img { margin-bottom:4px; padding:2px; width:110px; height:110px; overflow:hidden; background:#fff; border:1px solid #d9d9d9; }
#photoList .subContent .listAlbum110 li .count { color:#c3bebd; }

#photoList .subContent .noAlbum { height:153px; overflow:hidden; text-align:center; line-height:1.5; }
#photoList .subContent .noAlbum img { margin-bottom:4px; padding:2px; width:110px; height:110px; overflow:hidden; background:#fff; border:1px solid #d9d9d9; }

#photoGallery { margin-bottom:11px; }
#photoGallery h3 strong { background:url(../images/bullet_photo.png) no-repeat 0 1px; }
#photoGallery .showcase { text-align:center; }
#photoGallery .showcase p { margin-bottom:1em; }
#photoGallery .showcase .context { margin:4px 0 12px; padding:0; text-align:center; zoom:1; }
/*#photoGallery .showcase .spotlight { position:relative; margin:0 auto; width:740px; }
#photoGallery .showcase .spotlight .navigation { position:absolute; left:0; top:0; width:100%; height:100%; }
#photoGallery .showcase .spotlight .navigation .prev { float:left; width:50%; height:100%; }
#photoGallery .showcase .spotlight .navigation .prev a { display:block; background:url(../images/spacer.png); }
#photoGallery .showcase .spotlight .navigation .prev a:hover { background:url(../images/arrow_prev.png) no-repeat 0 36px; }
#photoGallery .showcase .spotlight .navigation .next { float:right; width:50%; height:100%; }
#photoGallery .showcase .spotlight .navigation .next a { display:block; background:url(../images/spacer.png); }
#photoGallery .showcase .spotlight .navigation .next a:hover { background:url(../images/arrow_next.png) no-repeat 100% 36px; }
#photoGallery .showcase .spotlight p img { max-width:740px; max-height:740px; }*/
#photoGallery .showcase .spotlight { position:relative; margin:0 auto; width:740px; }
#photoGallery .showcase .spotlight .navigation { position:absolute; left:0; top:0; width:100%; height:100%; }
#photoGallery .showcase .spotlight .navigation .prev { float:left; width:50%; height:100%; }
#photoGallery .showcase .spotlight .navigation .prev a { display:block; background:url(../images/spacer.png); }
#photoGallery .showcase .spotlight .navigation .prev a:hover { background:url(../images/arrow_prev.png) no-repeat 0 36px; }
#photoGallery .showcase .spotlight .navigation .next { float:right; width:50%; height:100%; }
#photoGallery .showcase .spotlight .navigation .next a { display:block; background:url(../images/spacer.png); }
#photoGallery .showcase .spotlight .navigation .next a:hover { background:url(../images/arrow_next.png) no-repeat 100% 36px; }
#photoGallery .showcase .spotlight p img { max-width:740px; max-height:740px; }

#photoGallery .showcase .pageCount { position:absolute; top:0; right:0; }
#photoGallery .showcase .slideshow a { position:absolute; top:0; left:2px; display:block; height:15px; line-height:15px; padding-left:24px; color:#72b043; font-weight:bold; background:url(../images/icon_slideshow.png) no-repeat 1px 0; }

#photoGallery .showcase .description { text-align:left; }
#photoGallery .showcase .description h4 { margin-bottom:6px; font-size:12px; font-weight:normal; color:#666; }
#photoGallery .showcase .description .edit a { color:#72b043; }
#photoGallery .showcase .description .metadata { position:relative; margin-bottom:10px; height:16px; overflow:hidden; line-height:16px; color:#aaa; }
#photoGallery .showcase .description .metadata .share { position:absolute; right:0; top:0; padding-right:2px; display:block; width:150px; height:16px; overflow:hidden; line-height:16px; text-align:right; }
#photoGallery .showcase .description .metadata .share span { float:right; }
#photoGallery .showcase .description .metadata .share a.unshare { float:right; margin-left:10px; padding-left:19px; display:block; height:16px; overflow:hidden; line-height:16px; background:url(../images/icon_share.png) no-repeat 0 1px; }
#photoGallery .showcase .description .metadata .share a.shared { float:right; margin-left:10px; padding-left:19px; display:block; height:16px; overflow:hidden; line-height:16px; background:url(../images/icon_share.png) no-repeat 0 -29px; color:#888; }
#photoGallery .showcase .description .textfield { width:240px; background:#f9f9f9; }
#photoGallery .showcase .description textarea { margin:10px 0 10px; width:740px; height:60px; background:#f9f9f9; }
#photoGallery .showcase .description .saveChanges { float:left; margin-right:14px; width:80px; height:23px; overflow:hidden; text-indent:9999px; background:url(../images/button_save_changes.png) no-repeat 0 0; border:0; cursor:pointer; }
#photoGallery .showcase .description label { margin-top:4px; *margin-top:1px; float:left; }

#mainContent #photoComment { background:none; }
#photoComment h3 { margin-bottom:4px; }
#photoComment h3 strong { background:url(../images/bullet_comment.png) no-repeat 0 1px; }
#photoComment h4 { position:relative; margin-bottom:10px; font-size:12px; color:#aaa; zoom:1; }
#photoComment h4 a { color:#72b043; }
#photoComment h4 small { font-size:12px; font-weight:normal; }
#photoComment h4 .edit { position:absolute; top:0; right:0; font-weight:normal; color:#d9d9d9; }
#photoComment h4 .edit a { color:#090909; }
#photoComment li { margin-bottom:8px; background:url(../images/moudle_bg_770.png) repeat-y -770px 0; }
#photoComment li .commentBody { padding:10px 12px; background:url(../images/comment_body_bg.png) no-repeat 0 0; }
#photoComment li .commentBody .userComment { padding-left:18px; background:url(../images/quote_before_bg.png) no-repeat 1px 4px; zoom:1; }
#photoComment li .commentBody .authorResponse .metadata { float:left; width:60px; overflow:hidden; color:#666; }
#photoComment li .commentBody .authorResponse p { float:right; width:685px; overflow:hidden; margin:1em 0 0; padding:0; display:inline; color:#090909; background:none; /*line-height:1.5;*/ }
#photoComment li .commentBody p { padding-right:14px; background:url(../images/quote_after_bg.png) no-repeat 100% 100%; line-height:1.6; }
#photoComment li .commentBottom { height:4px; overflow:hidden; background:url(../images/moudle_bg_770.png) no-repeat 100% -36px; }

#photoRespond h3 { margin-bottom:2px; }
#photoRespond h3 strong { background:url(../images/bullet_respond.png) no-repeat 0 1px; }
#photoRespond textarea { margin-bottom:10px; width:480px; height:60px; }
#photoRespond .commentSubmit { float:left; width:80px; height:23px; overflow:hidden; text-indent:9999px; background:url(../images/button_comment_submit.png) no-repeat 0 0; border:0; cursor:pointer; }

#albumNewsletter h3 strong { background:url(../images/bullet_newsletter.png) no-repeat 0 1px; }
#albumNewsletter .info { border:0; background:transparent none; }
.itemShowcase { position:relative; zoom:1; }
.itemShowcase .pre { position:absolute; top:50px; left:-5px; width:9px; height:17px; overflow:hidden; }
.itemShowcase .next { position:absolute; top:50px; right:-5px; width:9px; height:17px; overflow:hidden; }
.itemShowcase ul { margin-left:10px; height:164px; }
.itemShowcase li { float:left; padding-right:8px; width:114px; overflow:hidden; }
.itemShowcase li a { color:#72b043; }
.itemShowcase li .thumb { float:left; padding:4px 0 6px; }
.itemShowcase li .cover { padding:1px; width:110px; height:110px; overflow:hidden; border:1px solid #e7e7e7; display:table-cell; +display:block; position:static; +position:relative; vertical-align:middle; text-align:center; }
.itemShowcase li .cover, x:-moz-any-link { height:114px; } /* FIREFOX HAX */
.itemShowcase li .cover p { margin:0; display:table-cell; +display:block; position:static; +position:absolute; top:50%; left:50%; width:110px; margin-left:auto; margin-right:auto; }
.itemShowcase li .cover p img { position:static; +position:relative; top:auto; +top:-50%; left:auto; +left:-50%; zoom:1; }
/*.itemShowcase li img { margin:4px 0 6px; padding:1px; width:110px; height:110px; overflow:hidden; border:1px solid #e7e7e7; }*/
.itemShowcase li .info { line-height:1.6; }
#photoUpload h3 strong { background:url(../images/bullet_photo.png) no-repeat 0 1px; }
#photoUpload form { *margin-bottom:-8px; }
.uploadForm { padding:0 6px; margin-bottom:20px; height:23px; overflow:hidden; line-height:23px; }
.uploadForm a { font-family:Arial, Helvetica, sans-serif; text-decoration:underline; }
.uploadForm label { float:left; margin-right:3px; height:23px; overflow:hidden; line-height:23px; color:#666; }
.selectAlbum { padding:0 6px; margin:6px 0 14px; color:#666; }
.selectAlbum a { color:#72b043; }
.selectAlbum .radio { margin-right:3px; }
.selectAlbum .textfield { width:160px; }
.newAlbum { margin-left:20px; } 
.uploadProcess li { margin-bottom:8px; padding-left:6px; }
.uploadProcess li .thumb { float:left; }
.uploadProcess li .cover { padding:1px; width:110px; height:110px; overflow:hidden; border:1px solid #e7e7e7; display:table-cell; +display:block; position:static; +position:relative; vertical-align:middle; text-align:center; }
.uploadProcess li .cover, x:-moz-any-link { height:114px; } /* FIREFOX HAX */
.uploadProcess li .cover p { margin:0; display:table-cell; +display:block; position:static; +position:absolute; top:50%; left:50%; width:110px; margin-left:auto; margin-right:auto; }
.uploadProcess li .cover p img { position:static; +position:relative; top:auto; +top:-50%; left:auto; +left:-50%; zoom:1; }
.uploadProcess li .settings { float:left; padding-left:14px; width:600px; }
.uploadProcess li .settings span { float:left; width:40px; padding:2px 0; color:#666; display:block; }
.uploadProcess li .settings li { margin-bottom:10px; }
.uploadProcess li .settings li .textfield { width:200px; }
.uploadProcess li .settings li textarea { width:370px; height:60px; }
.uploadProcess li .settings li textarea.blank { color:#aaa; }
.uploadProcess li .settings .edit { padding-left:46px; }
.uploadProcess li .settings .edit a { padding-left:2px; }
.uploadprogress { position:relative; padding:8px 10px; width:530px; overflow:hidden; border:1px solid #e7e7e7; }
.uploadprogress .edit { position:absolute; top:8px; right:10px; }
.uploadprogress .edit a { padding-left:2px; }
.progressbar { margin:10px 2px 4px; padding-left:1px; height:8px; overflow:hidden; background:url(progress_bar_bg.png) no-repeat 0 0; }
.progressbar .inner { padding-right:1px; height:8px; overflow:hidden; background:url(../images/progress_bar_bg.png) no-repeat 100% 0; }
.progressbar .percent { margin:1px 0; width:2px; height:6px; overflow:hidden; background:#6abd26 url(../images/progress_bg.png) repeat-x 0 0; }
.fileName { margin:8px 2px 0; font-weight:bold; }
.inProgress { background:url(../images/loading.gif) no-repeat 0 0; padding-left:20px; }
.failure { background:url(../images/error.png) no-repeat 0 0; padding-left:20px; color:#ff0d0d; }
.saveSubmit { float:left; margin:4px 6px; width:80px; height:23px; overflow:hidden; text-indent:9999px; background:url(../images/button_save_all.png) no-repeat 0 0; border:0; cursor:pointer; }
.saveSubmitDisabled { float:left; margin:4px 6px; width:80px; height:23px; overflow:hidden; text-indent:9999px; background:url(../images/button_save_all.png) no-repeat 0 -23px; border:0; cursor:pointer; }

#createAlbum h3 strong { background:url(../images/bullet_album.png) no-repeat 0 1px; }
#createAlbum form { margin-top:6px; *margin-bottom:-8px; }
#createAlbum .newAlbum { margin-left:6px; }
#createAlbum .newAlbum a { color:#72b043; }
#createAlbum .newAlbum { margin-bottom:10px; display:block; }
#createAlbum .newAlbum .textfield { width:160px; }

#followList { }
#followList h3 strong { background:url(../images/bullet_newsletter.png) no-repeat 0 1px; }
#followList .mainContent { float:left; padding-top:6px; width:525px; }
#followList .mainContent li { margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid #f0f0f0; }
#followList .mainContent li .avater { margin-left:4px; float:left; width:52px; height:52px; overflow:hidden; }
#followList .mainContent li .avater img { padding:1px; width:48px; height:48px; overflow:hidden; border:1px solid #d7d7d7; }
#followList .mainContent li .content { float:right; width:453px; }
#followList .mainContent li p { position:relative; }
#followList .mainContent li p a { padding:0 2px; color:#72b043; }
#followList .mainContent li p .date { position:absolute; right:0; top:0; color:#bababa; }
#followList .mainContent li .itemShowcase ul { margin:12px 0 0 0; height:120px; overflow:hidden; }
#followList .mainContent li .itemShowcase li { float:left; padding-right:10px; padding-bottom:0; width:118px; overflow:hidden; border:0; }
#followList .mainContent li .itemShowcase li .album { float:left; padding:2px 6px 6px 2px; background:url(../images/album_bg_110.png) no-repeat 0 0; }
#followList .mainContent li .itemShowcase li .photo { float:left; padding:2px 6px 6px 2px; background:url(../images/photo_bg_110.png) no-repeat 0 0; }
#followList .mainContent li .itemShowcase li .cover { padding:0; border:0; width:110px; height:110px; overflow:hidden; /*border:1px solid #e7e7e7;*/ display:table-cell; +display:block; position:static; +position:relative; vertical-align:middle; text-align:center; }
#followList .mainContent li .itemShowcase li .cover, x:-moz-any-link { height:114px; } /* FIREFOX HAX */
#followList .mainContent li .itemShowcase li .cover p { margin:0; display:table-cell; +display:block; position:static; +position:absolute; top:50%; left:50%; width:110px; margin-left:auto; margin-right:auto; }
#followList .mainContent li .itemShowcase li .cover p img { position:static; +position:relative; top:auto; +top:-50%; left:auto; +left:-50%; zoom:1; }
#followList .mainContent li .itemShowcase li .info { line-height:1.6; background:none; border:0; }

#followList #followingList ul { }
#followList #followingList li { float:left; padding-left:5px; width:60px; height:86px; border:0; }
#followList #followingList li .avater { float:none; margin:0 2px 6px; width:52px; height:52px; overflow:hidden; }
#followList #followingList li .avater img { padding:1px; width:48px; height:48px; overflow:hidden; border:1px solid #d7d7d7; }
#followList #followingList li .userName { height:15px; overflow:hidden; line-height:15px; text-align:center; }
#followList #followingList li .edit { margin-top:6px; color:#ccc; text-align:center; }
#followList #followingList li .edit a { color:#999; padding:0 2px; }

#followList .subContent { float:right; margin:4px 2px 0 0; width:204px; overflow:hidden; border-left:1px solid #dfdfdf; }
#followList .subContent .component { }
#followList .subContent .componentBody { margin-bottom:30px; }
#followList .subContent .componentBody h4 { /*position:relative;*/ margin:2px 0 12px 6px; height:20px; overflow:hidden; line-height:20px; font:14px/normal Tahoma, Geneva, sans-serif; color:#666; text-indent:17px; background:url(../images/bullet_dot.png) no-repeat 6px 7px; color:#72b043; }
#followList .subContent .componentBody ul { padding-left:12px; }
#followList .subContent .componentBody li { float:left; padding-left:4px; width:60px; height:86px; }
#followList .subContent .componentBody li .avater { margin:0 2px 6px; width:52px; height:52px; overflow:hidden; }
#followList .subContent .componentBody li .avater img { padding:1px; width:48px; height:48px; overflow:hidden; border:1px solid #d7d7d7; }
#followList .subContent .componentBody li .userName { height:15px; overflow:hidden; line-height:15px; text-align:center; }
#followList .subContent .componentBody .more { /*position:absolute; right:6px; top:3px;*/ text-align:right; font-size:12px; color:#ccc; }
#followList .subContent .componentBody .more a { color:#999; }

#followList .subContent #userSearch { margin-bottom:20px; }
#followList .subContent #userSearch h4 { margin-bottom:5px; }
#followList .subContent #userSearch form { padding-left:16px; }
#followList .subContent #userSearch p { margin-top:8px; color:#aaa; }
#followList .subContent #userSearch .textfield { margin:0; width:150px; padding:6px 3px; outline:0; float:left; }
#followList .subContent #userSearch .onblur { color:#aaa; }
#followList .subContent #userSearch .searchSubmit { float:left; width:29px; height:28px; overflow:hidden; text-indent:-9999px; background:url(../images/button_search_submit.png) no-repeat 0 0; border:0; cursor:pointer; }


#searchResult h3 strong { background:url(../images/bullet_search.png) no-repeat 0 1px; }
#searchResult .mainContent { float:left; padding-top:6px; width:525px; }
#searchResult .subContent { float:right; margin:4px 2px 0 0; width:204px; overflow:hidden; border-left:1px solid #dfdfdf; }
#searchResult .subContent .componentBody { margin-bottom:30px; }
#searchResult .subContent .componentBody h4 { /*position:relative;*/ margin:2px 0 12px 6px; height:20px; overflow:hidden; line-height:20px; font:14px/normal Tahoma, Geneva, sans-serif; color:#666; text-indent:17px; background:url(../images/bullet_dot.png) no-repeat 6px 7px; color:#72b043; }
#searchResult .subContent #userSearch { margin-bottom:20px; }
#searchResult .subContent #userSearch h4 { margin-bottom:5px; }
#searchResult .subContent #userSearch form { padding-left:16px; }
#searchResult .subContent #userSearch p { margin-top:8px; color:#aaa; }
#searchResult .subContent #userSearch .textfield { margin:0; width:150px; padding:6px 3px; outline:0; float:left; }
#searchResult .subContent #userSearch .onblur { color:#aaa; }
#searchResult .subContent #userSearch .searchSubmit { float:left; width:29px; height:28px; overflow:hidden; text-indent:-9999px; background:url(../images/button_search_submit.png) no-repeat 0 0; border:0; cursor:pointer; }

#userSearchList {}
#userSearchList li { margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid #f0f0f0; }
#userSearchList li .avater { margin-left:4px; float:left; width:52px; height:52px; overflow:hidden; }
#userSearchList li .avater img { padding:1px; width:48px; height:48px; overflow:hidden; border:1px solid #d7d7d7; }
#userSearchList li .content { float:right; width:453px; }
#userSearchList li .userDetail { position:relative; margin-bottom:6px; }
#userSearchList li .userDetail .joinTime { position:absolute; right:0; top:0; color:#c5c5c5; }
#userSearchList li .userDetail a { margin-right:3px; font-weight:bold; color:#72b043; }
#userSearchList li .userUrl { margin-bottom:8px; }
#userSearchList li .userUrl a { color:#aaa; }
#userSearchList li .edit a { margin-left:1px; }


#utility { color:#555; line-height:1.6; }
#utility h3 strong { background:url(../images/bullet_login.png) no-repeat 0 1px; }
#utility h1 { margin-bottom:10px; font-size:14px; }
#utility h2 { margin-bottom:4px; font-size:12px; }
#utility p { margin-bottom:1em; line-height:1.6; }
#utility .terms { padding:10px 6px; }
#utility .terms h2 { margin-top:20px; }

#footer { position:relative; margin-top:50px; padding-top:10px; height:30px; color:#888; background:url(../images/footer_bg.png) repeat-x 0 0; }
#footer .suggest { position:absolute; top:-24px; right:4px; }
#footer .suggest a { margin-left:2px; color:#999; }
#footer .utility { position:absolute; right:0; top:10px; font-family:'SimSun'; }
#footer .utility a { margin:0 4px 0 10px; color:#72b043; }
.copyright { padding-left:4px; }
.copyright p { margin-bottom:6px; }
.copyright a { color:#666; }
.copyright a:hover { color:#666; }