@charset "utf-8";
/* CSS Document */
.album_banner { background: url(../images/online_album/album_bannerbg.jpg) no-repeat; height:166px; margin-top:8px;}
.album_maintop{ background:url(../images/online_album/main_top.jpg) no-repeat; height:35px;}
.album_mainmid{ background:url(../images/online_album/main_line.jpg) repeat-y;zoom:1;}
.album_mainbottom{ background:url(../images/online_album/main_bottom.jpg) no-repeat; height:25px;}
a.album_btn,a.album_btns,a.album_btn:visited,a.album_btns:visited {display:block; width:110px; height:34px; line-height:34px; text-align:center; font-size:16px; margin:0 0px 0px 20px; float:left; text-decoration:none; font-weight:bold;}
a.album_btn { background:url(../images/online_album/btn_hover.jpg) no-repeat; color:#fff; }
a.album_btn:hover { color:#fff;}
a.album_btns { background:url(../images/online_album/btn.jpg) no-repeat; color:#000;}
a.album_btns:hover { background:url(../images/online_album/btn_hover.jpg) no-repeat; color:#fff;}



/*---Login---*/
.login_left { float:left; width:300px; padding:30px 50px 30px 60px; border-right:1px dashed #ccc;color:#333;}
.login_left .title{ font-size:22px; text-align:center; padding-bottom:15px; font-weight:bold;}
.login_left .name { font-size:18px; padding-top:15px;}
.login_btn { background:url(../images/online_album/login.jpg) no-repeat; font:700 12px/26px arial;border:none; width:74px; height:26px; color:#333; text-decoration:none; text-align:center; margin:20px 5px 15px 0; padding:0 !important;font-weight:bold; color:#000;}
.login_btn:hover { color: #0fb7ff;}
.login_left .b a { color:#333;}
.login_right { float:left; width:415px; padding: 30px 35px 30px 35px;}
.login_right .title { font-size:16px; padding-bottom:20px; font-weight:bold;}
.login_right a.btn { background:url(../images/online_album/create.jpg) no-repeat; display:block; width:114px; height:26px; line-height:26px; color:#333; text-decoration:none; text-align:center; font-weight:bold; color:#000;}
.login_right a.btn:hover { color: #0FB7FF;}
/*---Login end---*/


/*---profile---*/
.profile_title { font-size:22px; border-bottom:1px solid #ccc; padding:0 0 5px 15px; margin: 0px 40px 10px 40px;}
.profile_table { line-height: 35px; width:690px; margin: 0 auto;}
.profile_table .title { font-size:16px; line-height:65px;}
.profile_table span { color:#C00; font-size:14px; font-weight:bold;}
/*---profile end---*/

/*---album---*/
.album_title { font-size:16px; padding:0 0 5px 40px;}
.album_left {display:inline; background: url(../images/online_album/album_bg1.jpg) no-repeat 0 0; width:378px; height:292px; padding:60px 34px 0; margin:0 0 20px 40px; float:left;}
.album_left img { border: 8px solid #fff;}
.album_right {display:inline; width:370px; padding: 0 20px; float:left;margin:60px 0 0;}
.album_right .title { font-size:14px; font-weight:bold;}
.albums { padding:10px 16px 0 21px;}
.albums_box { width:166px; padding:0 6px 15px 0; float:left;}
.albums_box .box a{ background:url(../images/online_album/album_bg2.jpg) no-repeat; width:146px; height:120px; padding: 20px 10px 0 10px; display:block;}
.albums_box .box a:hover{ background: url(../images/online_album/album_bg2_hover.jpg) no-repeat; }
.albums_box .box img { border:5px solid #fff;}
.albums_box .box_title { line-height:30px;}
.albums_page {padding: 15px 0; text-align:right;}
.albums_page a{color:#333; text-decoration:none;}
.albums_page a:hover { color:#900; text-decoration:underline;}
.albums_title {font-size:16px; padding:10px 0 25px 140px;}
.albums_img { background:url(../images/online_album/album_bg3.png) no-repeat; width:720px; height:570px; padding:70px 30px 0; margin: 0 auto;}
.albums_left { padding: 30px 28px 20px 38px;margin:0 1px; float:left; width:390px; text-align:center;}
.albums_right {padding: 30px 40px 20px 0px; float:left; width:390px; text-align:center;}


/*=20091211*/
.albums_btn {display:block; background:url(../images/online_album/btn3.jpg) no-repeat; width:335px; height:30px; line-height:30px; font-size:12px; margin:0 auto 15px; border:0px;text-decoration:none;}
#blogUrl, #shareUrl{width:330px;height:120px;font-size:12px;}
#profileForm{overflow:hidden;zoom:1;}
#profileForm div{margin:0;padding:0;}
#profileForm input,#profileForm select{margin:0;padding:0;padding:3px 0;}
#profileForm fieldset{border:none;}
#profileForm fieldset p{margin:10px 0 12px 150px;}
#profileForm fieldset p label{float:left;width:160px;}
#profileForm fieldset p .tip{display:inline;margin-top:0;}
#profileForm fieldset p input{width:220px;}
#profileForm fieldset p select{width:222px;+width:224px;}
#profileForm fieldset legend{font-size:16px;margin:10px 90px;color:#333;}
#profileForm .terms_box{margin:5px 80px;}
#profileForm p.agree_terms{margin:5px 95px;}
#profileForm p.agree_terms input{margin:3px 5px;vertical-align:middle;}
#profileForm p.terms_box label{float:left;width:160px;margin:10px 0 0;}
#profileForm fieldset p.terms_box textarea{display:block;}
#profileForm .sbmt_box{margin:20px 95px;}
#profileForm .sbmt_box input{margin:0 5px;}
#profileForm .tips_box{margin:10px 12px 20px 150px;}
#profileForm .tips{position:absolute;margin:20px 0 0;+margin:22px 0 0;color:#999;font-size:11px;font-style:italic;}

#err{color:#f00;font-size:12px;}
.loginerr{position:absolute;white-space:nowrap;}
.retakeerr{position:absolute;height:20px;text-align:left;margin:-30px 0 0 38px;}
.terms{width:700px;height:200px;margin:0 20px !important;border:1px solid #ccc;padding:5px !important;overflow:auto;background:#fff;}
.terms h2{margin:5px 0 10px;font-size:13px;}
.terms h3{font-size:12px;}
.terms p,.terms ol{margin:5px 14px 10px}
.term_hint{font-size:14px;font-weight:700;}
.terms li{margin:3px 0 5px;}
.sitename{position:absolute;width:280px;height:100px;}
.sitename a{display:block;width:280px;height:100px;text-indent:-999em;overflow:hidden;}
.warning{color:#f00;font-style:normal;}
.regerr{margin:20px 100px;background:#fff6cf;overflow:hidden;}
.regerr ul{margin:10px 20px;}
.tip{display:block;height:14px;line-height:14px;margin-top:-6px;font-size:11px;color:#666;}
.formRemind,.formRemindOther{background:url(images/error.png) no-repeat; padding-left:20px; margin-left:5px; color:#f00}
.formRight{background:url(images/right.png) no-repeat; padding-left:20px; margin-left:5px; color:#32980e;zoom:1;}
.loading{background:url(images/loading.gif) no-repeat; padding-left:20px; margin-left:5px; color:#32980e;zoom:1;}

.lost{margin:20px 140px;}
.sbmt input{display:inline;float:left;margin:0 10px;}
.lostTips{margin:10px;color:#777;}
.lostEmail{margin:30px 0;}

.msg{padding:30px;font-size:14px;}
.msglinks{text-align:center;}
.msglinks a{font-size:14px;font-weight:700;margin:0 10px;}
#formLogin #email,#formLogin #password{width:290px;font-size:12px;}