/*************************************************GLOBALS***/

body, th, td, input, select, button { font: Verdana, "Lucida Grande",Arial, Helvetica,sans-serif; }
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul li { list-style: none; }

a { color: #2C629E; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

.blocklink a { padding-left: 0.5em; line-height: 2em; display: block; }
  .blocklink a:hover { background: #2C629E; color: #FFF; text-decoration: none; }
  .blocklink .active a { color: #333; font-weight: bold; }

caption, th { text-align: left; }
  caption { font-size: 14px; font-weight: bold; }
  caption p { font-weight: normal; }

.avatar48 { padding: 5px 0 0 5px; width: 55px; height: 55px; background: url(images/48_avatar_bg.gif) no-repeat; }
  .avatar48 img { width: 48px; height: 48px; }

.threadimg60 { padding: 5px 0 0 5px; width: 67px; height: 67px; background: url(images/60_threadimg_bg.gif) no-repeat; }
    .threadimg60 img { width: 60px; height: 60px; }

.online_icon_p { padding: 0 0 0 10px; width: auto; background: url(images/online_icon.gif) no-repeat left center; text-align: left; }

.gray { color: #999; }
    .gray a { color: #999; }

.face { vertical-align: middle; }
.r_option { float: right; font-size: 12px; font-weight: normal; }
    .r_option .active { font-weight: bold; }
.clear, .s_clear { clear: both; }
.tracebutton { width: 69px; height: 28px; background: #EAEBFD url(images/trace.gif) no-repeat scroll 0 0; line-height: 28px; text-indent: 23px; text-align: left; display: block; }
.a_top, .a_share, .a_rss { float: right; margin-left: 4px; padding: 0 18px 0 5px; width: 25px; height: 15px; border: 1px solid #7F93BC; background: #FFF none no-repeat scroll right top; line-height: 15px; overflow: hidden; display: inline; }
    .a_top:hover, .a_share:hover, .a_rss:hover { background-color: #576EA5; background-position: 100% -20px; color: #FFF; text-decoration: none; }
.a_share { background-image: url(images/share.gif); }
.time { color: #999; }
a.c_edit { position: absolute; width: 16px; height: 16px; background: url(images/settingicon.gif) no-repeat; line-height: 300px; top: 0.5em; right: 2em; overflow: hidden; display: block; }
a.c_delete { position: absolute; width: 16px; height: 16px; background: url(images/settingicon.gif) no-repeat 0 -16px; line-height: 300px; top: 0.5em; right: 0.5em; overflow: hidden; display: block; }
  .float_cancel { float: right; margin: 0 10px 0 0; padding: 0; width: 16px; height: 16px; background: url(images/settingicon.gif) no-repeat 0 -14px; color: #DABAA9; line-height: 200px; overflow: hidden; display: block; }
  .float_delete { float: right; margin: 0 10px 0 0; padding: 0; width: 16px; height: 16px; background: url(images/settingicon.gif) no-repeat 0 -31px; color: #DABAA9; line-height: 200px; overflow: hidden; display: block; }

/*avatar bg*/
.ar_r_t { float: left; background: #FFF url(/image/avatar_bg.gif) no-repeat right top; }
  .ar_l_t { padding: 5px 0 0; background: url(/image/avatar_bg.gif) no-repeat left top; }
    .ar_r_b { background: url(/image/avatar_bg.gif) no-repeat right bottom; }
      .ar_l_b { padding: 0 12px 12px 5px; background: url(/image/avatar_bg.gif) no-repeat left bottom; }
/*yellow radius*/
.ye_r_t { width: 100%; background: url(images/yel_bg.gif) no-repeat right top; }
  .ye_l_t { padding: 5px 0 0; background: url(images/yel_bg.gif) no-repeat left top; }
    .ye_r_b { background: url(images/yel_bg.gif) no-repeat right bottom; }
      .ye_l_b { padding: 0 5px 5px; background: url(images/yel_bg.gif) no-repeat left bottom; }

.ybg { margin-bottom: 2px; padding: 10px; border: 1px solid #EBE6C9; background: #FCF9E6; }
    .ybg table { width: 100%; }
.nn { position: absolute; padding: 10px; width: 970px; border: 1px solid #EBE6C9; background: #FCF9E6; color: red; font-size: 14px; font-weight: bold; z-index: 100; top: 50px; text-align: center; }
  .nn a { margin: 0 10px; }

#div_main { clear: both; }

#wrap, .warp { margin: 0 auto;}

/*************************************************HEADER***/
#header { margin: 0px; z-index: 200; background:url(/image/header_bg.gif) no-repeat left top;}
  .headerwarp { margin: 0 auto; padding: 0px; width: 1000px; height: 76px;  color: #FFF; }
    #header a { color: #FFF; }
      #header .logo { float: left; margin: 0 5px 0 0;hegiht:76px;width:289px;overflow:hidden; }

.menu { float: left; font-size: 14px; font-weight: bold;margin-top:20px; }
  .menu li { float: left; padding: 6px 4px;*padding:6px 2px; }
    .menu .edit { padding-left: 4px; color: #CCC; font-size: 12px; font-weight: normal; }

.nav_account { float: right; width: 185px;margin-top:20px; }
  .login_thumb { float: left; margin: 6px 6px 0 0; padding: 3px 0 0 3px; width: 24px; height: 24px; background: url(images/thumb20bg.gif) no-repeat; display: block; }
    li.notify { margin: 9px 0 0; padding: 0 0 0 18px; width: 72px; height: 20px; background: url(images/notify_bg.gif); color: #FFF; font-size: 12px; font-weight: normal; }

.menu li.ucmenu { margin: 0 10px 0 0; padding: 6px 15px 10px 10px; background: url(images/triangle.gif) no-repeat right center; }
  /*#ucmenu { position: absolute; width: 130px; border: 2px solid #AFD4FF; background: #EEF6FF; z-index: 200; }
    #ucmenu * { float: none; margin: 0; padding: 0; display: block; }
      #ucmenu li{float:left;width:100%;text-align:center;}
        #ucmenu li a { color: #2C629E; font-size: 12px; font-weight: normal;padding: 5px 0px;}
		#ucmenu li a:hover{background:#215CB1;color:#fff;}*/
  #ucmenu { position: absolute; width: 550px; border: 1px solid #AFD4FF; background: #EEF6FF; z-index: 200; }
    #ucmenu * { float: none; margin: 0; padding: 0; display: block; }
      #ucmenu li{float:left;text-align:center;}
        #ucmenu li a { color: #2C629E; font-size: 12px; font-weight: normal;padding: 3px 5px;}
		#ucmenu li a:hover{background:#215CB1;color:#fff;}

#main { padding-top:10px; width: 1000px;margin:0px auto;  overflow: hidden; }

/*************************************************APP SIDEBAR***/
.user_menu{width:176px;padding-top:18px;padding-bottom:30px;position: absolute;margin-right:14px;}
.user_menu ul{padding-left:17px;}
.user_menu li{width:144px;padding-top:8px;padding-bottom:5px;padding-left:14px;float:left;list-style:none;overflow:hidden;margin-bottom:5px;background-repeat :no-repeat;background-position :15px center;}
.user_menu li img{vertical-align: middle;}
.user_menu li.currently{border-top: #AFD4FF 1px solid;border-left: #AFD4FF 1px solid;border-bottom: #AFD4FF 1px solid;border-right: 0px;background-color:#fff;z-index:999;position :relative;width:151px;}
.user_menu li.currently a{text-decoration:none;}
.user_menu li a{color:#2F4282;font-weight:bold;font-size:14px;text-decoration:underline;padding-left:10px;}
.user_menu li a:hover,.user_menu li.currently a:hover{color:#4C67C0;}
.user_menu li a.xiao{font-weight : normal;color:#848484;text-decoration:none;font-size:12px;margin-right:10px;margin-left:30px;padding:0px;}

.user_menu li.hr{height:2px;background:url(/img/ework_v2/user_menu_hr.gif) repeat-x; width:155px;margin-bottom:0px;padding:0px;margin:3px 0px;}


/*************************************************TABS HEADER***/
.tabs_header {margin-left:10px;margin-top:20px; height: 31px; border-bottom: 1px solid #DDD; overflow: hidden;width:520px; *width:90%;}
    .tabs_header a.thread_button { float: right; width: 90px; height: 25px; background: url(images/buttons.gif) no-repeat 0 0; text-indent: -500px; overflow: hidden; display: block; }
        .tabs_header ul.tabs { position: absolute;  }
            .tabs_header ul.tabs li { float: left; margin: 0 1px 0 10px; display: inline; border:solid 1px #ddd;}
                .tabs_header ul.tabs li a { float: left; padding: 0 0 0 10px; height: 30px; background: #3F8AE4; font-size: 14px; display: block;color:#fff; }
                    .tabs_header ul.tabs li a span { padding: 9px 10px 7px 0; background: #3F8AE4; line-height: 14px; display: block; }
					.tabs_header ul.tabs li.active{border-bottom:none;position :relative;top:1px;}
            .tabs_header ul.tabs li.active a { float: left; padding: 0 0 0 10px; height: 30px; background: #fff; color: #000; display: block;font-weight:bold; }
                .tabs_header ul.tabs li.active a span { padding: 9px 10px 7px 0; line-height: 14px; display: block;background:#fff; }
            .tabs_header ul.tabs li.null { margin: 0 0 0 15px;*margin:0 0 0 5px; padding: 0 0 0 25px; height: 25px; background: url(images/add_button.gif) no-repeat 0 0; line-height: 24px; border:none;}
                .tabs_header ul.tabs li.null a { padding: 0 10px 0 0; height: 25px; background: url(images/add_button.gif) no-repeat right top; color: #FFF; font-size: 12px; }

.c_header { margin: 0 0 10px; width: 100%; line-height: 26px; overflow: hidden; }
.c_header a img{float:left;margin-right:15px;}
    .c_header .avatar48 { float: left; margin: 0 10px 0 0; }
h2.title { margin:10px 20px; font-size: 14px; }
h2.title img { margin: 0 5px 0 0; vertical-align: middle; }


.box { padding: 10px 0 10px 0; }
    .box h2 { margin: 10px 0; font-size: 14px; }
    .box h3 { margin: 10px 0; font-size: 12px; }
.new_topic_list { margin: 0; padding: 0; line-height: 180%; }
/*************************************************TASK***/
.task_percent { margin: 0 0 10px; height: 30px; border: 1px solid #FF8E00; }
    .task_percent .percent { height: 30px; background: #FF8E00; }
    .task_percent .label { position: relative; margin: -30px 0 0; line-height: 30px; text-align: center; }
        .task_status_progress { padding: 10px; border: 1px solid #E2EAED; background: #F7F7F7; }
    .space_task { margin: 0 0 10px; padding: 10px; border: 1px solid #EBE6C9; background: #FCF9E6; }
    .task_done { border: 1px solid #E2EAED; background: #F7F7F7; }
    .task_status_done { padding-left: 70px; background: transparent url(images/task_done.gif) no-repeat scroll left center; }
        .task_status_done p { margin: 10px 0; }
.formtable caption.complete { padding: 10px 0 10px 55px; background: url(images/task_done.gif) no-repeat left center; }

/*************************************************ALBUM***/
.album_list { margin: 0; background: #F7F7F7; }
    .album_list table { width: 100%; table-layout: fixed; }
        .album_list td { vertical-align: top; }
            .album_list .album { padding: 8px; border: 1px solid #E2EAED; background: #FFF; }
            .album_list .image { width: 130px; text-align: center; }
            .album_list .image img { width: expression(this.width > 120 ? 120 : true); max-width: 120px; }
.album_list h6 { font-size: 1.17em; }
    .fresh_album .album { padding: 0; border: none; background: transparent; }
    .fresh_album .image { width: 80px; }
.photobox { padding: 10px; border-bottom: 1px solid #DDD; text-align: center; }
    .photobox p { padding: 10px 0 0 0; text-align: left; }
        .photobox img { width: expression(this.width > 790 ? 790 : true); max-width: 790px; }
    .photocomment { float: left; margin: 0 5px 0 0; padding: 0 10px; width: 590px; }
.photobar { float: left; width: 150px; }
.photo_info { margin: 0 1em; }
    .photo_list td { vertical-align: middle; text-align: center; }
    .photo_list img { padding: 3px; max-width: 120px; max-height: 120px; border: 1px solid #CCC; background: #FFF; }
    * html .photo_list img { width: expression(this.width > 120 && this.height < this.width ? 120 : true); height: expression(this.height > 120 ? 120 : true); }
.space_album_list li { float: left; padding: 5px; width: 48%; overflow: hidden; }
    .album_i_m_g { text-align: center; }
        .album_i_m_g a img { margin: 0 auto; padding: 5px; border: 1px solid #EBE6C9; border-top: none; border-left: none; background: #F8F2CB; }
.albums_list { width: 100%; overflow: hidden; }
    .albums_list ul { width: 100%; overflow: hidden; }
        .albums_list li { float: left; padding: 10px; width: 142px; }
.album_title { padding: 10px 0 10px 5px; text-align: center; }
    .album_title img { vertical-align: middle; }
    .album_title a { font-size: 14px; font-weight: bold; }
    .album_title em { color: #999; font-size: 11px; font-style: normal; }
#share_ul { padding-bottom: 10px; border-bottom: 1px solid #DDD; }
    #share_ul li { overflow: hidden; }
    #share_ul .title { padding: 5px; border-bottom: 1px solid #DDD; background: #FCF9E6; }
.page { margin: 10px 0 0; padding: 3px; text-align: center; }
    .page * { margin: 0 3px 0 0; padding: 3px 5px; border: 1px solid #DDD; background: #FCF9E6; color: #999; }
    .page em { border-color: #FEE4AB; color: #C30; font-style: normal; }
    .page strong { background: #FEE4AB; color: #C30; }
    .page a { color: #C60; }
    .page a:hover { background: #FEE4AB; text-decoration: none; }
textarea { border-color: #7C7C7C #7C7C7C #7C7C7C; border-style: solid; border-width: 1px; overflow: auto; }
.t_input { padding: 3px 2px; border-color: #7C7C7C #7C7C7C #7C7C7C; border-style: solid; border-width: 1px; line-height: 16px; }
.button { margin-left: 2px; padding: 0 3px; height: 22px; border: 1px solid; border-color: #EEE #EEE #EEE #EEE; background: #DDD; color: #333; line-height: 20px; cursor: pointer; }
.submit { padding: 0 5px; height: 24px; border: 1px solid; border-color: #FCF9E6 #FCF9E6 #FCF9E6 #FCF9E6; background: #FF8901; color: #FFF; line-height: 20px; letter-spacing: 1px; cursor: pointer; }
.submit2 { padding: 0 5px; height: 35px; border: 1px solid; border-color: #FCF9E6 #FCF9E6 #FCF9E6 #FCF9E6; background: #FF8901; color: #FFF; line-height: 32px; letter-spacing: 1px; cursor: pointer; }
a.submit { padding: 5px; }
a.button { padding: 3px; }
.c_form { padding: 0.5em 3em; }
.quickpost table { width: 100%; }
.quickpost td { padding: 0.2em 0; }
.quickpost textarea { width: 99%; height: 70px; font-size: 1.17em; }
.initial { color: #999; }
.quick_update { position: relative; margin-bottom: 15px; padding-left: 55px; }
    .quick_update .avatar { position: absolute; left: 0; }
    .quick_update #mystate { height: 28px; line-height: 28px; }
    .quick_update .state { width: 360px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -moz-text-overflow: ellipsis; }
    .quick_bar { height: 26px; border-top: 1px solid #CCC; }
    .quick_bar li { float: left; padding: 0 5px; line-height: 26px; }
        .quick_bar li img { float: left; margin: 5px 2px 0 0; }
        .quick_bar li a { color: #333; }
#quick_box { margin-bottom: 10px; padding: 10px; border: 1px solid #CCC; border-top: none; background: #FFF; }

.formtable { width: 100%; }
    .formtable caption { padding: 10px 0; color: #666; font-size: 12px; }
        .formtable caption h2 { padding-bottom: 8px; border-bottom: 1px solid #CCC; color: #333; font-size: 14px; }
        .formtable caption p { margin-top: 8px; }
            .formtable td, .formtable th { padding: 3px; background:#FFFFFF}
            .formtable th { padding-right: 1em; text-align: right; }
.moodform { padding-left: 12px; background: url(images/quote.gif) no-repeat 0 0; }
    .moodform .inner { padding: 5px 5px 5px 30px; border: 1px solid #CCC; border-left: none; background: #EDF5FF; }
    .moodform #mystate .face { position: absolute; margin-left: -25px; }
.icon_check, .icon_check * { vertical-align: middle; }
.h_status { margin-bottom: 8px; padding: 5px; border-bottom: 1px solid #F5F5F5; color: #999; }
    .h_status .active { font-weight: bold; }
.d_content form { padding: 4px 9px; background: #EEE; }
/*************************************************CP THEME***/
.themelist { margin: 0; width: 100%; }
    .themelist td { line-height: 200%; }
        .themelist .album { margin: 0 0 10px; }
        .themelist .image { padding: 10px 0 10px; }
            .themelist .image a { margin: 0 auto; padding: 5px 0 0 5px; width: 119px; height: 129px; background: url(images/theme_bg.gif) no-repeat; display: block; }