@charset "UTF-8";
/**
 * Ronglake FlyBug HTML/CSS Framework
 *
 * Caozu.com Flybug - "Theme"
 *
 * @Copyright 2007, Ronglake Studio
 * @http://www.ronglake.com
 * @Developed By: Michael Huang
 * @Last Modified: 2007-10-28 $
 */
@import url(../../../../res/css/flybug/fb/base.css);
@import url(../../../../res/css/flybug/lib/forms.css);
@import url(../../../../res/css/flybug/lib/grid.css);
@import url(../../../../res/css/flybug/lib/boxs.css);
@import url(../../../../res/css/flybug/lib/links.css);
@import url(../../../../res/css/flybug/lib/navs.css);
@import url(../../../../res/css/flybug/lib/dialog.css);

@media all
{
  /**
   * 设置基本布局格式4d87c7 url("img/bg_blue.gif") repeat-x top left fixed
   */

  body { background:#fff url(images/bg.png) top center;color:#444; padding: 0;
    text-align: center;
    font-size: 75.00%; 
    }

  /* 整体布局：宽度，背景，边框 */
  center { min-width: 740px; max-width: 80em; margin: 0 auto; 
    text-align:left; 
    }
    /* 针对IE不支持Max-width 和Min-width的设置*/
      * html center {
      width: 80em;

      width: expression((document.documentElement && document.documentElement.clientHeight) ?  (document.documentElement.clientWidth < 740) ? "740px" : (( document.documentElement.clientWidth > (80 * parseInt(document.documentElement.currentStyle.fontSize))) ? "80em" : "auto") : (document.body.clientWidth < 740) ? "740px" : (( document.body.clientWidth > (80 * parseInt(document.body.currentStyle.fontSize))) ? "80em" : "auto"));
      }

  #w{ border: 0px #fff solid; background:#fff}
  
  #m { float: left; width: 72%; }
      #cp { float: right; width: 60%; }
  
  /* Link */
  a{color:#111; text-decoration:underline;}
  a:hover{color:#333; }


  /* 头部 */
  #header {height:122px; color:#999; background:url(images/bgheader.png) no-repeat top center
    }
      #navuser a{color:#ccc;}
      #navuser a:hover{color:#fff;}
    #logo span{ display:block; line-height:18px; margin-left:26px}
    #logo h1 a{ display:block; text-indent:-9999px; margin:20px 0 0 20px; width:190px; height:75px; background:url("images/logo.gif") no-repeat left top; }
    #navuser{ margin:20px 26px 0 0;}
    #navsite {  letter-spacing:1px;
      height:36px; width:auto;
       position:relative; top:20px;  
      clear:right;
      }/*position:absolute;*/
    #navsite div{ margin:0;height:36px
      }
      #navsite ul li { float: left; display:block; margin-left:0; font-size:10px; font-weight:400;}
      #navsite ul li a strong{ display:block; font-size:16px; }
      #navsite ul li ul li{ float: none;  margin-left:0; }
            /*菜单中的所有链接*/
            #nmc0 a { padding: 4px 10px 5px 5px; margin-top:4px; color: #fff; font-size: 14px; font-weight:600; }
            /*定格顶级菜单链接颜色*/
            ul#nmc0 li:hover > a{ color: #fff;  background-color:Transparent;}
            /*子菜单框架*/
            ul#nmc0 ul{background-color: #fff; border-color:#50A9B2; border-width:5px 1px 1px 3px;}
            /*子菜单链接*/ 
            #nmc0 ul a{color:#693; font-weight:400; background-image:none;}
            #nmc0 ul li:hover > a{color:#063; border:none; }
            #nmc0 ul li a:hover{ background-color:#EAF4EA; background-image:none;}
            /*顶级分隔符*/
            .dividery{ display:none; }
     /*
            /*菜单中的所有链接*
            #nmc0 a { padding: 4px 10px 5px 5px; margin-top:4px; color: #fff; font-size: 14px; font-weight:600; }
            /*定格顶级菜单链接颜色*
            ul#nmc0 li:hover > a{ color: #fff;  background-color:Transparent;}
            /*子菜单框架
            ul#nmc0 ul{background-color: #fff; border-color:#50A9B2; border-width:5px 1px 1px 3px;}
            /*子菜单链接*
            #nmc0 ul a{color:#693; font-weight:400; background-image:none;}
            #nmc0 ul li:hover > a{color:#063; border:none; }
            #nmc0 ul li a:hover{ background-color:#EAF4EA; background-image:none;}
            /*顶级分隔符*
            .dividery{border:none; height: 20px; width:2px; margin:0; background:url("images/.navsite_li.png") no-repeat right center; }
            #nmc0 ul li ul li a { color: #555; }
      #navsite li {  line-height:36px;  margin:0; background:url("images/.navsite_li.png") no-repeat right center;}
      #navsite li a{ margin:auto 12px auto 10px;color:#fff; font-weight:600; text-decoration:none; line-height:18px;}
     */


  #pop{ clear:both; height:247px; position:relative }
  #pop .popbar{ height:26px; line-height:26px; position:absolute; top:218px; left:0;z-index:101; }
  #pop .pop1{background:url(images/pop1.jpg) no-repeat center;}
  #pop .pop2{background:url(images/pop2.jpg) no-repeat center;}
  #pop .pop3{background:url(images/pop3.jpg) no-repeat center;}
  #pop #in {height:247px; z-index:100; position:absolute; left:0;}
  #in{ background: url(images/bgin.png) no-repeat; padding:0 25px; width:100% }
    #in p.loc{ margin:0; padding:10px;}
    #in p.loc a{  text-decoration:none;}
    #in p.loc b{ background:#B7B3A1;color:#E6E6E1; font-weight:400;}
    #in dt{color:#900; font-size:x-large; }
    #in dd{ font-size:120%; line-height:160%; margin:5px; }
    #in dl{ float:left; margin:0; }
    #in h4 a{ display:block; float:right; text-indent:-9999px; background:url(images/in_h4_shpai.gif) no-repeat; width:255px; height:42px; margin-top:40px; margin-right:20px;}
    
  .images{position:absolute;}
  
  #b { padding:10px 35px; margin:0; font-size:120%; background:#fff url(images/bgb.png) repeat-y; }
      #cp{ float:left;}

/***底部 From CSS : navs.css
***********************************************************************************************/
    /*Tab式菜单
    -------------------------------------------------------------*/
  #footer { 
    color:#666; 
    height:350px;
    padding:0 35px;
    background:url(images/bgfooter.png) no-repeat;
    }
  #footer .cop { 
    clear:both;
    color:#FFE27F;
    }
      #footer .cop p { margin:12px 0;
        }
    #footer a:hover{ text-decoration:none;}
    #footer div.col { background:url(images/arr_col.gif) no-repeat top left; width:130px; height:200px; padding-top:12px; color:#111;}
    #footer div.col ul,#footer div.col ul li{margin-left:0;}
    #footer div.col a{margin-left:9px; text-decoration:none;}

    /*PageBar
    -------------------------------------------------*/
    .pagebar a,.pagebar span,.pagebar strong { border:1px solid #EEE; color:#28AAB8; font-size:16px; text-decoration:none; }
    .pagebar a:hover {border-color: #1D4549;background: #28AAB8; color:#FFF;}
    .pagebar span,.pagebar strong,.pagebar a.a{border-color: #FFF;color:#DFA132; background:#fff;font-weight:bold; }
    .pagebar strong,.pagebar a.a {color:#CCC; font-weight:normal;padding:2px;font-size:13px; }
    .pagebar a.a{color:#666; text-decoration:underline;}
    .pagebar a.a:hover{color:#222; text-decoration:none; background-color:Transparent; border-color:#FFF;}


    /*Line
    -------------------------------------------------*/



    /*From
    -------------------------------------------------*/
  .fm textarea, .fm input, .fm input.error, .fm input.ing, .fm input.success, .fm div.input{ background:#fff url(images/input-bg.gif) repeat-x 0 1px; }
  .fm div.input{padding-top:6px}
  .fm textarea, 
  .fm input{ border:solid 1px #ccc;padding: 0.3em;}/* */
  .fm input:focus,.fm textarea:focus, .fm div.input:focus{ background:#fffef4 url(images/input-focus-bg.gif) repeat-x 0 1px;}
  .fm input.error{ border-color:#f90; }
  .fm input.ing{ border-color:#39f}
  .fm select { color:#666; }
  .fm input.success{ }
  
  
  .fm .submit input {
	background-color: #db6600;
	padding:3px 6px;
	border:1px solid #db6600;
	background-image: url(images/input-submit.jpg); cursor:pointer;
}
.fm .submit input:hover {
	background-color: #111;	
	border:1px solid #111;
	background-image: url(images/input-submit-over.jpg);
}

  
	
	
  
  #xEditingArea{ border: #696969 1px solid;}

    /*Box
    -------------------------------------------------*/
  .boxerr{background:#FFEDE6 url("img/chkerr.gif") 5px 5px no-repeat; padding-left:25px;}
    
  .bg_n{ background:none;}
  .bg_e{border:solid 1px #B5DEE1; background:#F7FFFF;}
  
  .boxtitle_c1, .boxtitle_c2, .boxtitle_c3, .boxtitle_c4, .boxtitle_c5, .boxtitle_c6,
  .boxtitle_p1, .boxtitle_p2, .boxtitle_p3,
  .ulli1{ background:url(images/box_title_bg.png) repeat-x; margin:7px auto; padding:0 8px; font-size:13px;color:#111; font-weight:bold; font-family:Arial;}
  .boxtitle_c1, .boxtitle_c2, .boxtitle_c3, .boxtitle_c4, .boxtitle_c5, .boxtitle_c6{line-height:28px;}
  .boxtitle_p1, .boxtitle_p2, .boxtitle_p3,.ulli1{ line-height:35px;}
  .boxtitle_c1{ background-position:left -4px;}
  .boxtitle_c2{ background-position:left -44px;}
  .boxtitle_c3{ background-position:left -84px;}
  .boxtitle_c4{ background-position:left -124px; color:#1D4549;}
  .boxtitle_c5{ background-position:left -164px;}
  .boxtitle_c6{ background-position:left -204px;}
  .boxtitle_p1{ background-position:left -269px;}.ulli1{ height:40px; background-position:left -319px;}
  .boxtitle_p2{ background-position:left -319px;}
  .boxtitle_p3{ background-position:left -369px;}

  .box{width: 18em;padding: 10px 15px;margin:0 auto;background:#F6F7F1;}
      .box h3{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #063}
      .box h3,.box p{margin:0;padding:10px 20px}

  .boxavatar_b,.boxavatar_m{border:solid 1px #ccc; background:#FFF;  text-align:center;}
  .boxavatar_b{ width:170px; height:202px; }
  .boxavatar_m{ width:70px; height:82px; }
      .boxavatar_b img,.boxavatar_m img{ margin-top:5px;}
      
  .boxtxt{}
    .boxtxt li{ list-style:none; line-height:30px;}
    
  .boc-in .head{ height:45px; background:url(images/boc.gif)  right top  no-repeat;}
  .boc-in .head h3{ text-indent:10px; line-height:35px; height:45px; background:url(images/boc.gif) left top no-repeat;}
  .boc-in .body{ background:#E0DED3; margin:0 2px;  border-bottom:1px solid #E0DED3}
  .boc-in .foot{ height:20px; background:url(images/boc.gif)  right -50px  no-repeat;}
  .boc-in .foot span{ display:block; height:20px; background:url(images/boc.gif) left -50px no-repeat;}
  
  .boc-in .bi-pic { text-align:center;}
  .boc-in .bi-pic a img{ border:solid 4px #fff;}
  .boc-in .bi-pic h4,.boc-in .bi-pic ul{ text-align:left; margin:0.5em;}
  .boc-in .bi-pic ul *{ margin:0; font-size:88%;}
  
  .boc-ad{ text-align:center}
  .boc-ad span{ display:block; font-size:9px;}
  .boc-ad img{ border:solid 2px #ddd;}
    
    /*
  .boxopt{ margin:10px; border-top:solid 1px #eee; padding:15px 8px;}
    .boxopt .tit{ width:20%; font-weight:600; color:#555; float:left;}
    .boxopt .desc{  float:left;}
    .boxopt .desc img{ clear:both; }
    .boxopt .act{ width:10%; float:right;}
*/
    
    
/***导航 From CSS : navs.css
***********************************************************************************************/
    /*Tab式菜单___文字_口_口_囚_口______________________
    -------------------------------------------------------------*/
    /*菜单体 */
    .mtab { height: 45px; width:100%; margin-bottom:25px; background: url(images/bit-1.gif) repeat-x left bottom; 
        }
        .mtab a { text-decoration:none;  color:#989378;}
        .mtab a:hover { color:#222; }        
        .mtab h2 { float: left; font-size:26px;  line-height:45px; margin: 0 20px ; color:#989378; }
        /*选中的Tab */
        .mtab .in { float: left; margin: 6px 6px 0 0; padding: 9px; border: 1px solid #F1F1F1; border-bottom-color:#FFF; background: #fff;  }
        /*选中的Tab内容 */
        .mtab .in, 
            .mtab .in a, .mtab a.in, 
            .mtab .in h3 { color:#f93; font-weight: bold; }
        .mtab .in, 
            .mtab .in a:hover, .mtab  a.in:hover { color:#f93;cursor:default; }
        /*未选中的Tab */
        .mtab .out { float: left; margin: 9px 6px 0 0;  padding: 5px 8px; background: #F3F1E6;}
        
        .mtab .sub{  float:right; margin:15px 0 0 0; padding-right:285px;}

    /*项选择区   全部 | 草稿 | 回收站
    -------------------------------------------------------------*/
    .itemenu{ margin:10px auto;}
    .itemenu a.in{ cursor:default; text-decoration:none; font-weight:600;}

    
/***数字 From CSS : this
***********************************************************************************************/
    /*num1
    -------------------------------------------------------------*/
    span.num1{ display:block; text-align:center; font-weight:600; 
        width:40px; height:40px; line-height:40px; font-size:30px; background:#D6D1BD; color:#B7B3A1;}
    
    
/***表格 From CSS : this
***********************************************************************************************/
    /*设置项
    -------------------------------------------------------------*/
    table.sett th{width: 30%;color:#989378;}
    table.sett th, table.sett td {border-top: 1px solid #eee;padding: 15px;vertical-align: top;  }
    table.sett tr.first th, table.sett tr.first td {border: none;color:#989378;}
    table.sett .desc {padding: 15px 0;width: 58%;}
    table.sett .act{padding-left: 0;width: 12%;text-align: right;}

    /*表格行间虚线
    -------------------------------------------------------------*/
    table.tl td{ border-top:dashed 1px #ccc; padding-top:25px;}
    table.bl td{ border-bottom:dashed 1px #ccc;}
    table td.nl{ border:0;}
    

/***Grid表格 From CSS : grid
***********************************************************************************************
  .grid table{
	  border-collapse: collapse; border: 1px solid #38160C; color: #F6ECF0; background: #641B35;
	  }
	  .grid table td,    .grid table th {	border: 1px dashed #B85A7C;padding: .8em;color: #F6ECF0;}
	  .grid table thead th,    .grid table tfoot th {border: 1px solid #A85070;text-align: left;background: #38160C;color: #F6ECF0;padding-top:6px;}
	  .grid table tbody td a { background: transparent; text-decoration: none; color: #F6ECF0; }
	  .grid table tbody td a:hover { background: transparent; color: #FFFFFF; }
	  .grid table tbody th a { background: transparent; text-decoration: none; font-weight:normal;color: #F6ECF0; }
	  .grid table tbody th a:hover { background: transparent; color: #FFFFFF; }
	  .grid table tbody th, tbody td { vertical-align: top; text-align: left; }
	  .grid table tfoot td { border: 1px solid #38160C; background: #38160C; padding-top:6px; }
	  .grid table .odd { background: #7B2342; }
	  .grid table tbody tr:hover { background: #51152A; }
	  .grid table tbody tr:hover th,	  .grid table tbody tr.odd:hover th { background: #51152A; }--*/
    
    
/***链接 From CSS : links
***********************************************************************************************/
    a.add { background:url(images/ico_add.gif) no-repeat 0;   }
    a.edit { background:url(images/ico_edit.gif) no-repeat 0;   }
    a.del { background:url(images/ico_del.gif) no-repeat 0;   }
    a.toitems{background:url(images/ico_toitems.gif) no-repeat 0; }
    a.view{background:url(images/ico_view.gif) no-repeat 0; }
    a.qset { background:url(images/ico_qset.gif) no-repeat 0;   }
    a.vmore { background:url(images/ico_vmore.png) no-repeat 0;   }
    a.vcmt { background:url(images/ico_vcmt.png) no-repeat 0;   }
    a.sett { background:url(images/ico_sett.gif) no-repeat 0;  padding-left:15px;  }
    
    
/***题图列表
***********************************************************************************************/
    .sunlist{ margin:20px;}
    .sunlist .card{ float:left; margin:auto 10px; text-align:center; font-size:75%; }
    .sunlist .card a img{ border:solid 2px #ccc}
    .sunlist .card a:hover img{ border-color:#999}
    .sunlist h3 {padding-top:2px;}
    .sunlist h3 a {font-size:1.6em; color:#96a338; text-decoration:none}
    .sunlist .item{ clear:both; padding-top:12px}
    .sunlist span{ display:block; margin:7px auto auto auto; color:#999}
    .sunlist p{ margin:7px 2px 2px 2px; padding-bottom:8px; font-size:85%}
    .sunlist p span { display:inline;}
    .sunlist p span a{  color:#0099CC}
    
    /*简洁型*/
    ul.sunlist , ul.sunlist li { margin:0}
    ul.sunlist li a{ display:block; clear:both;}
    ul.sunlist li img{ float:left; border:solid 1px #e5e5e5; margin:2px}
    ul.sunlist li a:hover img{ border-color:#999}
    
    .sunlist .sl-yummy .card a { display:block; background:url(images/bg-sunlist-c-01.gif)}
    .sunlist .sl-yummy .card a img{ border:0; width:96px; height:96px; margin:5px;}
    .sunlist .sl-yummy h3 a {font-size:1.2em; text-decoration:underline; font-weight:400; color:#111}
    .sunlist .sl-yummy p{ color:#666;}
    
    .sunlist .sl-small { border-bottom:1px solid #ddd}
    .sunlist .sl-small .card a { display:block; }
    .sunlist .sl-small .card a img{ 	background-color:#fff;	border:1px solid #ccc;	margin:1px;	padding:1px;		display:block;}
    .sunlist .sl-small h3 a {font-size:.9em; text-decoration:none; font-weight:400; color:#369; }
    .sunlist .sl-small p{ color:#999; margin:0}
    .sunlist .sl-small p a{ color:#8AB22E;}
    

/***照片墙
***********************************************************************************************/
    .photowall{ margin:20px;}
    .bgb .item{ background:#111; color:#ddd; padding:5px;}
    .bgb .item a{ color:#ddd;text-decoration:underline;}
    .bgb .item a:hover{ color:#fff;text-decoration:none;}
    
    ul.photowall{margin:0}
    ul.photowall li { float:left; width:80px}
}


/*特殊的区块样式
-------------------------------------------------*{border:solid 1px #ccc;}*/

/*我的派*/
.modulemanage{ }
    .modulemanage #m,.modulemanage #ce{ margin:20px 5px;  }
    .modulemanage #m{ width:67%; margin: 0 15px; }
    .modulemanage #cp{ width:96%; float:right; }
    .modulemanage #cs{width:3%; float:left; }
    .modulemanage #ce{ width:25%;  }
    
    .acct-sett{border-top-width:0; padding-top:5px; margin-bottom:30px;}
    
    



/***工具条 Actbar  From CSS : links
***********************************************************************************************/
    .actbar{ margin:20px auto; padding:0 3px; background:#F3F1E6; border-top:solid 1px #D6D1BD; border-bottom:solid 2px #CDC8B2; font-size:11px;}
    /*各项背景图片
    -------------------------------------------------------------*/
    .ab_allSelect, 
    .ab_allCancel, 
    .ab_allDelete, 
    .ab_make, 
    .ab_renew, 
    .ab_toRecycle,
    .ab_allDelRecycle {width: 60px;height:18px;margin-bottom: 2px;background: url(images/btntolbar.gif) no-repeat;cursor: hand;cursor: pointer;}
    .ab_allSelect { background-position:-3px -1px;}
    .ab_allCancel {width: 80px;background-position:-100px -1px;}
    .ab_allDelete {background-position:-200px -1px;}
    .ab_make {background-position:-300px -1px;}
    .ab_renew {background-position:-400px -1px;}
    .ab_toRecycle {background-position:-600px -1px;}
    .ab_allDelRecycle {;background-position:-500px -1px;}
    /*禁用效果
    -------------------------------------------------------------*/
    .ab_disabled {filter:Gray()alpha(opacity=30);-moz-opacity: 0.3;cursor: default;}


/***首页 最后更新 tab
***********************************************************************************************/
div.tabpanes div.apane {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:800px;
	font-size:14px;
	background-color:#fff;
}