/* Init */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, table, td, th { padding:0; margin:0;}
h1, h2, h3, h4, h5, h6 { font-size:14px;}
img, table, td, th { border:0;}
ul, ol { list-style-type:none;}
body { font:12px Verdana, Arial, sans-serif;}
html,body {padding: 0;margin: 0; overflow: auto;background:#fcfdff}
/* Font Color */
.red {color:red;}
.bold {font-weight: bold; color: #545454}

.back_nav { width: 400px; height: 350px; position: absolute; top: 40px; right: 20px; z-index: 100; display: none;}
    .back_nav_list { width: 366px; height: 316px; padding: 30px 0 0 30px; position: absolute; top: 0px; left: 0px; z-index: 2; background: #f5fbef; border: 1px solid #a9d671;}
    .shadow { width: 398px; height: 318px; position: absolute; bottom: 0px; right: 0px; z-index: 1; background: #afb1b3; -moz-opacity: 0.5; opacity:.5; filter: alpha(opacity=50);}
        .back_nav_list dl { float: left; width: 85px; height: 160px;}
            .back_nav_list dt {font-size: 14px; font-weight: bold; color: #0c4887; margin-bottom: 10px;}
            .back_nav_list dd {line-height: 20px;}
            .back_nav_list a {font-weight: bold; color: #454543; text-decoration: none;}
            .back_nav_list a:hover {color: red; text-decoration: underline;}
    .close_float { position: absolute; bottom: 7px; right: 7px; z-index: 3;}

#head {height: 100px; background: url(../images/head.gif); position: relative;}
    #logo {width: 98px; height: 68px; position: absolute; top: 38px; left: 38px; z-index: 2;}
    #menu {position: absolute; top: 14px; right: 22px; z-index: 2; word-spacing: 5px; color: #234f8d;}
        #menu span {position: relative; bottom: -3px; display: block; float: left; margin-right: 5px;}
        #menu a {color: #234f8d; text-decoration: none;}
        #menu a:hover {text-decoration: underline;}
        .menu_btn1 {display: block; float: left; width: 60px; height: 23px; background: url(../images/menu_btn1.gif); border: 0; margin-right: 5px; text-decoration: none; line-height: 19px; +line-height: 22px; text-align: center;}
.menu_btn2 {display: block; float: left; width: 70px; height: 23px; background: url(../images/menu_btn2.gif); border: 0;  margin-right: 5px;  text-decoration: none; line-height: 19px; +line-height: 22px; text-align: center;}
    #headBg {width: 830px; height: 50px; background: url(../images/head_bg.gif); position: absolute; top: 0; left: 0; z-index: 1;}
    #nav {position: absolute; bottom: 3px; left: 170px; z-index: 2;}
        #nav li {float: left;}
            .link {display: block; color: #369; font-size: 14px; font-weight: bold; padding: 6px 12px 10px; text-decoration: none; background: url(../images/nav_li.gif) no-repeat right 5px;}
            .link:hover {color: #ff783d}
            .actived {display: block; font-size: 14px; font-weight: bold; padding: 8px 0 0 50px; width: 67px; height: 25px; background: url(../images/actived.gif); color: #fff; text-decoration: none; }
            .actived:hover { color:#fff; }
            a.actived:focus{outline:none}
            a.link:focus{outline:none}
			a.actived{ hide-focus:expression(this.hideFocus=true); }
            a.link{ hide-focus:expression(this.hideFocus=true); }
#content {width: 100%;background:#fcfdff url(../images/content.gif) repeat-y;}
    #left {width: 170px; border-bottom: 3px solid #d3e9f8; float: left; margin-right: 2px;}
        #leftMenu {}
            #leftMenu li {background: url(../images/left_menu.gif); border-left: 1px solid #fff;}
                #leftMenu li a {color: #333; text-decoration: none; display: block; line-height: 30px; height: 30px; background: url(../images/left_li.gif) no-repeat 10px 10px; padding-left: 30px;}
                #leftMenu li a:hover {padding-left: 32px; font-weight: bold; background: url(../images/left_li.gif) no-repeat 12px 10px;}
                #leftMenu strong {color: red;}
        #leftMenus {}
            #leftMenus dt {background: url(../images/left_menu.gif); border-left: 1px solid #fff; position: relative;}
                #leftMenus dt a {color: #333; text-decoration: none; display: block; line-height: 30px; height: 30px; padding-left: 30px;}
                #leftMenus dt a:hover {padding-left: 32px; font-weight: bold;}
                    .ico1 {background: url(../images/left_menus1.gif) no-repeat 10px 10px;}
                    .ico2 {background: url(../images/left_li.gif) no-repeat 10px 10px;}
                .spread {position: absolute; top: 5px; right: 5px;}
            #leftMenus dd {position: relative; line-height: 25px; height: 25px; border-bottom: 1px solid #d8ecff; padding-left: 28px; background-color: #f4f9ff; background-image: url(../images/menus_dd.gif); background-repeat: no-repeat; background-position: 15px 10px;}
			#leftMenus dd em { position: absolute; cursor: pointer; margin: 4px 0 0 -18px; *margin-top: -2px; width: 16px; height: 16px; visibility: hidden; background: #EAF4FB url(../images/newwin.gif) no-repeat; }
			#leftMenus dd a:hover em { visibility: visible; }
                #leftMenus dd a {display: block; color: #3d6bac; text-decoration: none; padding: 2px 0 3px 3px; white-space: nowrap;}
                #leftMenus dd a:hover {color: #264d84; font-weight: bold;}
                #leftMenus dd a.selected {color: #264d84; font-weight: bold;}
    #right {float: left; }
        #rightTop {border-top: 2px solid #fff; border-bottom: 1px solid #fff; height: 35px; background: #f0f7ff; margin-left: 2px; padding: 0 20px;}
            #rightTop h3 {line-height: 22px; float: left; color: #0099CC; padding-top:8px; font-size:14px;}
                #rightTop p strong {margin-left:20px; margin-right:10px;}
                .tidings {color: #06c; text-decoration: none; padding-left: 13px; background: url(../images/right_p.gif) no-repeat 0 1px;}
                .tidings:hover {text-decoration: underline}
                .num {color: #f60; text-decoration: none;}
                .num:hover {text-decoration: underline}
            .btn {float: right; margin-top: 10px;}
        #rightCon {border-top: 1px solid #b0d3ee; padding: 10px 10px 60px; background: #fbfdff; margin-left: 2px; overflow: hidden;}
            #rightCon dt {line-height: 30px; font-size: 14px; color: #09f; font-weight: bold; padding: 10px 40px 0;}
            #rightCon dd {border-bottom: 1px solid #b0d3ee; line-height: 25px; padding: 0 40px 20px;}
                #rightCon dd th {text-align: left; width: 110px; color: #444;}
                    .td {width: 200px; padding-left: 20px;}
.footer{padding:0px 10px;text-align:center;}
#page_footer {font-weight:bold; color: #999; border-top: 1px solid #cbe4f5; text-align: center; padding: 20px 0px;}
.info {border-top: 1px solid #c1dff3; overflow: hidden; padding-left: 2px;}
.mrightTop { height: 32px; margin-left: 2px; padding: 0 20px;background:#fcfdff none;}
.mrightTop1 { border-bottom: 1px solid #eee; height: 60px; margin-left: 2px; padding: 0 20px;}
.fontl {float: left; text-decoration: none; line-height: 20px; padding-top: 5px;}
.fontr {float: right; height: 20px; padding-top: 5px;}
#select {height: 20px; width: 100px; margin: 0 5px; line-height: 20px; float: left;}
.button1 {line-height: 21px; color: #234f8d; background: url(../images/button2.gif); text-align: center; display: block; height: 21px; width: 60px; float: left; text-decoration: none;}
.txt {float: left; height: 20px; line-height: 20px;}

.tatr1 {font-weight: bold; color: #444; text-align: center;}
.tatr1 td {border-bottom: 1px solid #bbdbf1;}
.sort_asc {background: url(../images/sort_asc.gif) no-repeat right 2px; padding-right: 10px;}
.sort_desc {background: url(../images/sort_desc.gif) no-repeat right 2px; padding-right: 10px;}
.editable {background: url(../images/editable.gif) no-repeat right 2px; padding-right: 14px;}

.tatr2 {text-align: center;}
.tatr2 td {border-bottom: 1px dotted #bbdbf1; empty-cells:show;}
.tdare{margin-left: 2px; padding: 0 5px 60px 5px; background: #fbfdff;}
.tdare td {padding: 5px 0;}
.tdare th a, .tdare td a {color: #234f8d;}
.tdare thead th { background: url(../images/top_bj.gif) repeat-x; height: 32px; text-align: left;}
.tdare tfoot th { background: url(../images/top_bj.gif) repeat-x; height: 32px; text-align: left;}
.seledr { font-size:12px; }
tr td.handler, th.handler{ width: 150px; }
tr.no_data td{color: #444444; padding-top: 60px; text-align:center; font-weight: bold; font-size:14px;}

.flip_over {float: left; line-height: 20px; margin-right: 10px;}
.page {float: right;}
.mtr10 { margin: 10px 20px 0 0; display: inline;}
    .formerNull, .downNull, .former, .page_link, .page_hover, .down {margin-left: 3px;}
    .formerNull {background-image: url(../images/up.gif);background-color: #e0e0e0; background-repeat: no-repeat; background-position: center center; border: 1px solid #c7c7c7; display: block; float: left; width: 15px; height: 19px; +height: 18px;}
    .former {background-image: url(../images/up.gif); background-color: #7ec0f2;background-repeat: no-repeat; background-position: center center; border: 1px solid #4f99e8; display: block; float: left; width: 15px; height: 19px; +height: 18px;}
    .former:hover {border: 1px solid #888;}
    .page_link {color: #666;}
    .page_hover {color: #ff6000;}
    .page_link, .page_hover {font-weight: bold; display: block; float: left; text-decoration: none; padding: 2px 5px 0; font-size: 16px;}
    .page_link:hover, .page_hover:hover {text-decoration: underline;}
   
.subnav {float: left; margin-left: 20px; display:inline}
    .subnav li {float: left; margin-right: 8px;margin-top: 8px; display:inline}
	.subnav li a {display: inline-block; height: 20px; line-height: 20px;*line-height: 22px; color: #000; text-align: center; text-decoration: none; font-weight:bold;}
	.subnav li a.btn1{background: url(../images/btn_pb.gif) no-repeat 0 0;display: inline-block; height: 20px; line-height: 20px;*line-height: 22px; color: #fff; text-align: center; text-decoration: none; }
	.subnav li a.btn1 span{background: url(../images/btn_pb.gif) no-repeat 100% bottom;display: inline-block; height: 20px; line-height: 20px;*line-height: 22px; }
	.subnav li a span { padding:0 10px}
	.subnav li a:hover { color:#0099cc}
	.subnav li a.btn1:hover{ color:#fff}
	 
        .btn2 { background: url(../images/btn2.gif); display: block; width: 54px; height: 20px; line-height: 20px; color: #fff; text-align: center; text-decoration: none}
        .btn3 { background: url(../images/btn3.gif); display: block; width: 81px; height: 20px; line-height: 20px; color: #fff; text-align: center; text-decoration: none}
        .btn4 { background: url(../images/btn4.gif); display: block; width: 94px; height: 20px; line-height: 20px; color: #fff; text-align: center; text-decoration: none}

.paddingT15 {padding: 10px 0;}
.ptb20 {padding: 20px 0;}
    .infoTable {width: 100%; background: #fbfdff; color: #444;}
    .infoTableInput, .infoTableInput2, .infoTableFile, .infoTableFile2{font-family: Verdana; height:17px; line-height:17px;}
    .infoTableInput {width:255px;}
    .infoTableFile {width:331px; height:20px;}
    .infoTableInput2 {width:125px;}
    .infoTableFile2 {width:201px; height:20px;}
    .infoTable textarea {width:255px; height:100px; font-size:12px}
    .infoTable select {font-size:12px}
    .info th {text-align: left; padding-left: 40px; width: 140px;/* height: 35px;*/}
    .select {width: 370px; color: #444; font-size: 12px;}
    .wordSpacing5 {word-spacing: 5px;}
    .gray {color: #a1a1a1; padding-left: 20px;}
    .text250 {width: 238px; color: #444; font-size: 12px; padding-left: 18px}
    .normal {font-weight: normal;}
    .file {width: 330px;}
    .formbtn {width: 60px; height: 21px; color: #234f8d; border: 0; background: url(../images/button2.gif); CURSOR: pointer;}
    .formbtn1 {width: 77px; height: 21px; color: #234f8d; border: 0; background: url(../images/button3.gif); text-decoration:none; text-align:center; margin:0px 2px 0px 8px!important;margin:1px 2px 0px 8px; CURSOR: pointer; }
    .recommend_to {width: 100%;}
    .recommend_to li {width: 48%; float: left;}

.clear {clear: both;}
.queryCtrl { float:left; margin-right:5px; color:#888; }
.queryInput, .queryInput2 {height:17px; line-height:17px; margin: 0px 8px 0px 1px;}
.queryInput{ width:100px; }
.queryInput2 { width:50px; }
.querySelect {margin: 0px 8px 0px 1px; font-size:12px}
.dataTable {border-collapse:collapse;}
    .dataTable td { text-align:left; }
    .dataTable .firstCell { padding-left:20px;}
.pageLinks { float: right; color:#444; }
    .pageLinks ul { list-style:none; }
    .pageLinks li { float:left; margin:0 5px; }
    .pageLinks .curr-page { font-weight:bold; }
    .pageLinks .pg_total {  }

.left {float: left}
.right {float: right}
.mt10 {margin-top: 10px;}
.sort_order{width:50px; height:17px; line-height:17px; text-align:center}
td.table-center, tr.table-center, th.table-center {text-align: center;}



/* Orders */
.demand {height: 26px; background: url(../images/demand.gif); padding: 5px 0 0 18px;}
.w130 {width: 130px;}
.order_form {margin: 0 6px; padding: 15px 12px; border-bottom: solid 1px #bbdbf1; color: #444;}
.order_form h1 {font-size: 14px; color: #009de6; margin-bottom: 10px;}
.order_form h2 {font-size: 14px; color: #8c8c8c; margin-bottom: 10px;}
.order_form ul {}
.order_form li {width: 50%; float: left; line-height: 22px;}
.order_form a {color: #06c;}
.order_form a:hover {color: red;}
.order_info {}
.order_info_pic {width: 50px; height: 50px; border: solid 1px #bdbdbd; display: block; overflow: hidden; float: left;}
.order_info_pic:hover {border: solid 1px #333;}
.order_info_text {float: left; width: 130px; height: 53px; overflow: hidden; margin: 0 15px; line-height: 18px;}
.order_info_text a {color: #444; text-decoration: none;}
.order_info_text a:hover {text-decoration: underline;}
.order_info p {float: left; margin: 18px 25px 0 0;}
.red_common {font-weight: bold; color: #ff5400;}
.red_big {font-weight: bold; color: #ff5400; font-size: 16px;}
.up_style {position: relative; top: -3px;}
.order_bottom {line-height: 22px;}
.line_none {border: 0;}
/* End Orders */

/* Form Validate */
form .field_notice { color:#9C9C9C; font-style:italic; margin-left:5px; }
form label.error { color:red; font-style:italic; margin-left:5px; }
form input.error { border:red 1px dotted; }
form label.checking { padding-left:18px; background:transparent url(../images/checking.gif) no-repeat; margin-left:5px; font-style:italic; color:#9C9C9C; display:none; }
form label.right { padding-left:12px; background:transparent url(../images/right.gif) no-repeat; margin-left:5px; font-style:italic; color:green; float:none; }

/* Label */
.label_title { font-weight: bold; }

/* Icon */
#handler_icon li {float:left; width:30px; display:block; overflow:hidden; height:26px; padding-top:2px;}
.btn_delete, .btn_edit, .btn_install, .btn_resend, .btn_browse, .btn_uninstall, .btn_down, .btn_up, .btn_add, .btn_stop, .btn_config, .btn_delete:hover, .btn_edit:hover, .btn_install:hover,.btn_resend:hover, .btn_browse:hover, .btn_uninstall:hover, .btn_down:hover, .btn_up:hover, .btn_add:hover, .btn_stop:hover, .btn_config:hover { padding-left:20px; height:20px;  background:url(../images/icon.gif) no-repeat 0 0;text-indent:-999em; display:block;}

.btn_delete { background-position:0 0;}
.btn_delete:hover{ background-position:-70px 0px; }

.btn_edit{ background-position:0 -37px;}
.btn_edit:hover{ background-position:-70px -37px;}

.btn_install{ background-position:0 -80px;}
.btn_install:hover{ background-position:-70px -80px;}

.btn_resend { background-position:0 -113px;}
.btn_resend:hover{ background-position:-70px -113px;}

.btn_browse{ background-position:0 -154px;}
.btn_browse:hover{ background-position:-70px -154px;}

.btn_uninstall{ background-position:0 -195px;}
.btn_uninstall:hover{ background-position:-70px -195px;}

.btn_down { background-position:0 -233px;}
.btn_down:hover{ background-position:-70px -233px;}

.btn_up{ background-position:0 -275px;}
.btn_up:hover{ background-position:-70px -275px ;}

.btn_add{ background-position:0 -313px;}
.btn_add:hover{ background-position:-70px -313px;}

.btn_stop{ background-position:0 -354px;}
.btn_stop:hover{ background-position:-70px -354px;}

.btn_config{ background-position:0 -393px;}
.btn_config:hover{ background-position:-70px -393px;}

.copyright {width:150px;border-top:1px dashed #DDDDDD;bottom:3px;font-family:Tahoma;font-size:11px;left:10px;line-height:150%;padding-top:3px;position:absolute;text-align:left;z-index:10;}

/* Tips */
.tips{ margin-left:15px; color:#999; }
.tips2{ line-height:180%; color:#999; word-break:break-all; }
.tipsblock{ margin:10px 25px; }
	.tipsblock ul{ margin-bottom:-11px; }
		.tipsblock li{ margin-bottom:5px; padding:0 0 5px 20px; line-height:150%; background-image: url(../images/menus_dd.gif); background-repeat: no-repeat; background-position: 5px 5px;}
.tips a, .tips2 a, .tipsblock a{ margin:0 3px; text-decoration:underline; color:#666; }
	.tips a:hover, .tips2 a:hover, .tipsblock a:hover{ color:#09C; }

/* Current Location */
#currentPosition p {background:#F2F9FD none repeat scroll 0 0;border-bottom:2px solid #FFFFFF;border-left:1px solid #FFFFFF;border-top:5px solid #FFFFFF;line-height:25px;padding-left:10px;}
/*rightwelcome*/
  #rightWelcome {border-top: 2px solid #fff; border-bottom: 1px solid #fff; height: 50px; background: #f0f7ff; margin-left: 2px; padding: 0 20px;}
            #rightWelcome p {line-height: 22px; float: left; color: #444; padding-top:15px; }
                #rightWelcome p strong {margin-left:20px; margin-right:10px;}
/* Icon */
.icon-commend, .icon-new, .icon-hurry, .icon-pic {
background:url("../../images/sprites_bg_icon.gif") no-repeat scroll 0 0 transparent;
display:inline-block;
height:17px;
padding-left:23px;
vertical-align:middle;
}
.icon-new{
background-position:5px -50px;
}
.icon-hurry {
background-position:5px -100px;
}
.icon-pic {
background-position:5px -150px;
}

img.double-border {
	border: 3px solid #ddd;
}
/* list */
.addtr{ padding-left:17px; color:#F60; }
.act{ margin:0 5px; text-decoration:underline; }
.addchildboard{ padding-left:17px;color:#FFF; }
	.addchildboard:hover{ text-decoration:none; color:#F60; }
.lightlink{ color:#666; text-decoration:underline;}
.lightlink2{ color:#666; }
.parentlink{ color:#09C; text-decoration:underline; }
.menulink{ background:none !important; text-decoration:underline; }
	.menulink:hover{ text-decoration:underline !important; }
/* menulist */
	.node, .board{ padding-left:55px;}
		.node .txt, .lastnode .txt, .newnode .txt{ width:250px; }
		.parentnode .txt{ width:250px;}
	.lastnode, .lastboard{ padding-left:55px;}
	.childboard{ padding-left:110px;}
	.lastchildboard{ padding-left:110px;}
	.boardattr{ position:absolute; left:402px; margin-top:-20px !important; margin-top:-19px; color:#999; }