/*
  Webshare Album Project
  CSS file
  @21-5-08
*/

/*=page common*/
.left_column_div,.right_column_div{ margin-bottom:10px; }
.member_img{ width:60px; height:60px; }
/*.button { border:0px; background:url(../images/button.gif) no-repeat; width:78px; height:26px; line-height:26px; text-align:center; color:#333; font-weight:bold; }*/
.clear_fix{ clear:both; }
.hideClass{ display:none; }
.no_content{ padding:20px; text-align:center; border:1px dotted #CCC; background:#FFF; font-weight:bold; }
.error{ background:#FFD0D0; color:#FF0000; font-weight:bold; padding:5px; border:1px solid #FF0000;}
.success{ background:#E1F0FF; color:#0063C6; font-weight:bold; padding:5px; border:1px solid #0063C6;}
.form_action_center{ margin:10px 0px; text-align:center; }
.button{ padding:3px 10px; background:#999; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #666; border-bottom:1px solid #666; cursor:pointer; color:#FFF; font-weight:bold; }
h1{ font-weight:bold; font-size:15px; padding:10px; color:#333; }
.allbox{ margin-top:10px; }

a{ color:#008080; }

a.ablock{ padding:3px; text-decoration:none; }
a.ablock:hover { background-color:#008080; color:#FFF; }

.pageDiv{ text-align:center; padding:10px 0px;}
.pageDiv span.multi_info{ padding:1px 7px; border:1px solid #003100; color:#336600; font-weight:bold; }
.pageDiv span.current{ padding:1px 5px; border:1px solid #A3DD7B; color:#808080; }
.pageDiv a{ border:1px solid #007D00; color:#336600; padding:1px 5px; }
.pageDiv a:hover{ border:1px solid #1F3E00; text-decoration:none; background:#336600; color:#FFF; }


#footer{ margin-bottom:10px; height:54px; background:#000 URL("../images/footer_bg.jpg") no-repeat; text-align:center; color:#CCC;  }
#footer #footer_content{ padding-top:8px; font-size:10px; line-height:18px; }
#footer a{ color:#FFF; }


html body * span.clearbox, html body * div.clearbox, html body * li.clearbox, html body * dd.clearbox {
  background:transparent none repeat scroll 0%;
  border:0pt none;
  clear:both;
  display:block;
  float:none;
  font-size:0pt;
  height:0pt;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  overflow:hidden;
  padding:0pt;
  visibility:hidden;
  width:0pt;
}

.tip{ padding:10px; background:#F9F7A4; border:1px solid #EDA40C; color:#3C2906; font-weight:bold; }
.tips{ font-size:12px; color:#666; }
.input{ background-color:#FFF; border:1px solid #0080C0; }
.button{ background-color:#333; color:#FFF; font-size:12px; font-family:Arial,Helvetica,sans-serif; padding:2px 10px; border:0px; }
.button_l{ background-color:#0065CA; padding:2px 5px; font-size:15px; font-weight:normal; color:#FFF; }
.hideClass{ display:none; }
.no_content{ padding:50px; background:#FEF7CB; border:1px solid #FCE441; }
.error{ padding:10px; background:#FFB9B9; border:1px solid #FF0000; color:#840000; font-weight:bold; }
.success{ padding:10px; background:#BFDFFF; border:1px solid #0080FF; color:#004891; font-weight:bold; }

.pageDiv{ text-align:center; padding:10px 0px;}
.pageDiv span.multi_info{ padding:1px 7px; border:1px solid #004182; color:#003973; font-weight:bold; }
.pageDiv span.current{ padding:1px 5px; border:1px solid #D9ECFF; color:#808080; }
.pageDiv a{ border:1px solid #95CAFF; color:#004182; padding:1px 5px; }
.pageDiv a:hover{ border:1px solid #004182; text-decoration:none; background:#0080FF; color:#FFF; }

.rc{background:transparent url(../images/rc_nw.gif) left bottom no-repeat;padding:0 0 0 5px;}
.rc div{background:transparent url(../images/rc_ne.gif) right bottom no-repeat;height:5px;font-size:0;}
.rc_bd{background:transparent url(../images/rc_w.gif) repeat-y;padding:0 0 0 5px;}
.rc_bd div.rc_bc{background:transparent url(../images/rc_e.gif) right top repeat-y;min-height:5px;height:auto !important;*height:5px;padding:0 5px 0 0;min-width:80px;word-wrap:break-word;}
.rc_bd div{height:auto;min-height:30px;}
html>body .rc_bd div{min-height:.1em;height:auto !important;*height:.1em;}
.rc_ft{background:transparent url(../images/rc_sw.gif) left top no-repeat;padding:0 0 0 5px;}
.rc_ft div{background:transparent url(../images/rc_se.gif) right top no-repeat;min-height:5px;height:auto !important;*height:5px;font-size:0;}
div.rc:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;}

.titlebar{clear:both;margin: 0;}
.titlebar .hd{clear: none;margin: 0;float: left;}
.titlebar .hd h2{ padding:0px 5px;font-weight:bold; font-size:13px; line-height:30px;}
.titlebar .hd a{font-size:120%;display:block;padding:.8em 0 .1em .5em;font-weight:normal;top: -2px;*top: -4px;}
.titlebar .bd{clear: none;float: right;text-align:right;margin-right:.5em;*margin-right:.2em;margin-top:.8em;}
div.titlebar:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;}

.space_div{ height:10px; }


/* =img_class */
.img_thumb{ max-height:100px; max-width:100px; }

/* =index */
#feature_blog table{border-collapse:collapse;width:100%;}
#feature_blog td {border-bottom:1px dotted #C6EBFF;border-right:1px dotted #C6EBFF;padding:5px;}
#feature_blog .titlebar{ background:#C6EBFF; color:#176489; *height:1em;}
#feature_blog .article_summary h2 {font-size:120%;}
#feature_blog .thumbnail{float:left;text-align:center;width:90px;}
#feature_blog .thumbnail_small{float:left;text-align:center;width:90px;}
#feature_blog .blog_info{ text-align:left; }

.blog_stat{ text-align:right; padding:3px 0px; color:#666; }
.img_ctnr{border:1px solid #CBCBCB;margin:0 5px 5px 0;padding:2px;text-align:center;}

#feature_template .titlebar{ background:#DBEF94; color:#708D14; *height:1em;}


#feature_article .titlebar{ background:#FFD7EB; color:#FF0080; *height:1em;}
#feature_article .art_m{ text-align:center; width:100px;}
#feature_article .art_m a:hover{ text-decoration:none; }
#feature_article .art_m div{ overflow:hidden; width:100px; }
#feature_article .art_c{ text-align:left; }
#feature_article .art_c div,  #feature_article .art_c p{ width:500px; overflow:hidden; }
#feature_article .art_c .art_tit{ padding-bottom:5px; }
#feature_article .art_c .art_tit a{ font-weight:bold; font-size:13px; }
#feature_article .art_c p{ color:#666; font-size:12px; }
#feature_article .art_info{  border-top: 1px dotted #CCC; text-align:right;}
#feature_article .art_info .art_time{ float:left; text-align:left;}
#feature_article .art_info .art_counter{ float:right; text-align:right;}

#blog_info{ background-color:#EEE; margin-bottom:10px; padding:10px; text-align:center; color:#666; }
#blog_info .num{ color:#333; font-weight:normal; font-weight:bold; }
#login_box{ background-color:#DFEFFF; padding:10px 20px; }
#login_box h3{ text-align:left; border-bottom:1px dotted #CCC; font-size:13px; padding:5px; color:#333; }
#login_box #login_content { background-color:#FFF; padding:10px; margin-top:10px; }
#login_box #login_content td{ padding:2px; }
#login_box #login_content input{ width:120px; border:1px solid #999; height:18px; }
#login_box #login_content #login_submit{ width:53px; height:34px; background:url("../images/login_button.jpg") no-repeat; border:0px; cursor:pointer; }
span.signup a{ color:#FF3300; font-weight:bold; }
#login_action{ margin:10px 0px; text-align:center; }
#login_action span{ padding:0px 10px; }
#unlock_tips{ padding:10px; background:#CEE7FF; font-weight:bold; margin-bottom:10px; border:1px solid #0062C4; }
#unlock_tips a{ color:#0051A2; }


#gallery_cat ul li{ float:left; width:74px; text-align:center; font-size:13px; margin:0px; height:26px; line-height:26px; border-bottom:1px dashed #999; }

#unlock_blog{ padding:15px; font-weight:bold; background:#FFCEE7; border:1px solid #FF55AA; color:#333; }
#unlock_blog a{ color:#D9006C; }

/*feature_blog*/
#blog_search_field .titlebar{ background:#E1C4FF; color:#8000FF; *height:1em;}
.form_action{ padding:5px; text-align:center; }
.form_tit{ padding:3px; font-weight:bold; font-size:13px; text-align:left; }

/*feature_article*/
#article_search_field .titlebar{ background:#E1C4FF; color:#8000FF; *height:1em;}

/*feature_template*/
.tpl_info{ line-height:20px; }
.tpl_img img{ border:5px solid #666; }
.tpl_action{ text-align:left; padding:5px; font-weight:bold; font-size:13px; }
.total_template{ text-align:center; margin:3px 0px; }
.total_template a{ width:160px; height:38px; color:#FFF; text-align:center; line-height:30px; font-size:13px; font-weight:bold; background:url("../images/button-template.png") no-repeat; display:block; margin:0px auto; }
.total_template a:hover{ text-decoration:none; }

/* ##################### = /my blog setting ###########################*/
#position{ background:#EEE; border:1px solid #CCC; margin-bottom:10px; }
#position .position{ text-align:left; border-bottom:1px dotted #666; padding:2px 0px; font-weight:bold; margin:5px;}
#blog_mgr_nav{ background:#E1F0FF; border:1px solid #6FB7FF; padding:10px; padding-top:0px; }
#blog_mgr_nav h2{ font-size:13px; font-weight:bold; color:#006C00; padding-left:16px; line-height:30px; height:30px; margin:0px; }
#blog_mgr_nav #ul_1{ padding:10px; background:#FFF; border:1px solid #CCC; }
#blog_mgr_nav #ul_1 li{ line-height:30px; border-bottom:1px dotted #CCC; }
#blog_mgr_nav #ul_1 li .ul_2 li{ padding-left:10px; line-height:25px; height:25px; border:0px; }


#blog_mgr_content{ padding:0px; }
#blog_mgr_content h2{ border-bottom:1px dotted #666; height:30px; line-height:30px; font-weight:bold; color:#006C00; padding-left:16px; font-size:13px; margin-bottom:10px;}

.mgr_tb{ background:#999999; }
.mgr_tb .mgr_title{ text-align:right; font-weight:bold; background:#EEE; color:#333; width:20%; }
.mgr_tb .mgr_content{ text-align:left; width:80%; background:#FFF; }
#blog_mgr_content .form-action{ text-align:center; margin:10px 0px; }

/* =modules */
#blog_mgr_content .mod_wrap{ border:3px solid #CCC; }
#blog_mgr_content .mod_wrap h3{ text-align:center; }


/*=style_setting*/
#blog_mgr_content #style_navTab ul{ list-style:none; margin:0px; padding:0px 10px; height:25px; }
#blog_mgr_content #style_navTab ul li{ float:left; margin:0px 5px; background:#D7EBFF; font-weight:bold; height:25px; line-height:25px; }
#blog_mgr_content #style_navTab ul li.current{ background:#0080FF; color:#FFF; }
#blog_mgr_content #style_navTab ul li.current a{ color:#FFF; }
#blog_mgr_content #style_navTab ul li a{ color:#0080FF; display:block; padding:0px 10px; margin:0px; }
#blog_mgr_content #style_navTab ul li a:hover{ background:#0080FF; color:#FFF; }
#blog_mgr_content #style_content{ border:#0080FF 1px solid; padding:10px; margin:0px;}
#blog_mgr_content #style_content .tab_content{ display:none; }
#blog_mgr_content #style_content #basic_setting{ display:block; }
#blog_mgr_content #style_content .color_box{ border:1px solid #333; width:15px; height:15px; }
#blog_mgr_content #style_content .content_tb td.style_type{ font-weight:bold; color:#333; text-align:right; }
#blog_mgr_content #style_content .content_tb td.style_content{ text-align:left; }

/*=comment_mgr*/
#comment_list_tb th{ background:#E1F0FF; font-weight:bold; text-align:center; }
#comment_list_tb td{ text-align:center; border-bottom:1px solid #EEE; }

/* =album */
#content .left_cat{ background:#FFF; border:1px solid #DDD; padding:2px; }
#content .left_cat h3{margin:0px; padding:10px; text-align:center; color:#000; font-size:14px; background:#EEE; }
#content .left_cat .cat_ul{ list-style:none; text-align:center; padding:0px 20px; background:#EEE; }
#content .left_cat li{ list-style:none; border-bottom:1px dotted #FFF; margin:0px padding:0px; }
#content .left_cat li a.current{ color:#FFF; background:#0080FF; }
#content .left_cat li a{ display:block; height:25px; line-height:25px; font-weight:bold; }
#album_sort_title{ background:#EEE; color:#0058B0; font-size:14px; font-weight:bold; padding:10px; text-align:left;}
#album_list .gs .gs_imgtd{ background:#EEE; width:120px; height:120px; }
#album_list .gs .img_title{ width:120px; }
#view_type_div{ padding:2px; border:1px solid #DDD; }
#view_type_div ul{ background:#EEE; margin:0px list-style:none; padding:10px;}
#view_type_div ul li{ padding:0px; margin:0px; text-align:center; }
#view_type_div li a.current{ color:#0058B0; background:#FFF; }
#view_type_div li a{ display:block; height:25px; line-height:25px; font-weight:bold; }

/*=search*/
#search_result h2{ font-size:18px; font-weight:bold; margin:10px 0px;}
#search_result #result_list{ height:300px; }
#search_result #result_list .gs .gs_imgtd{ background:#EEE; width:120px; height:120px; }
#search_result #result_list .gs .img_title{ width:120px; }