/* CSS Document */
body { background:url(../images/bg.jpg) repeat-x #8b9eaf; font-size:11px; font-family:Tahoma,'ËÎÌå', Arial, Helvetica, sans-seriff; text-align:center; margin:0; padding:0;}
ul,li,ol,dl,dt,dd { padding:0; margin:0; list-style:none; font-size:11px;font-family:Tahoma,'ËÎÌå', Arial, Helvetica, sans-seriff; }
div,table,span,input { font-size:11px;font-family:Tahoma,'ËÎÌå', Arial, Helvetica, sans-seriff; }
img { border:0;}
.fl { float:left}
.fr{ float:right;}
.cl { clear:both;}
.center { text-align:center}
a { color:#666; text-decoration:none; font-size:11px; font-weight:bold}
a:hover { color:#00477f; text-decoration:underline}
a.gray_ul { color:#666; text-decoration:underline; font-size:11px; font-weight:normal}
a.gray_ul:hover { color:#00477f; text-decoration:underline}
a.gray_cross { color:#666; text-decoration:none; font-size:11px; font-weight:normal}
a.gray_cross:hover { color:#00477f; text-decoration:underline}
a.gray { color:#666; text-decoration:none; font-size:12px; font-weight:normal}
a.gray:hover { color:#00477f; text-decoration:underline}
a.cross { color:#666; text-decoration:none; font-size:11px; font-weight:normal}
a.cross:hover { color:#666; text-decoration:none}
a.btns { background:url(../images/btn_bgb.gif) repeat-x; height:20px; width:100px; display:block;}
a.btns:hover { color:#00477f; text-decoration:underline}
a.blue { color:#005eb7;font-size:12px; font-weight:normal; text-decoration:underline}
a.blue:hover { color:#00477f; text-decoration:underline}
.font_gray { color:#666; font-size:11px; font-weight:bold;}
.font_green { font-size:12px; font-weight:bold; color:#46a42d}
.button {  cursor:pointer;  width:66px; height:22px; background:url(../images/btn_bgb.gif) repeat-x; color:#fff; font-size:12px; border:none }
.button:hover { background:url(../images/btn_bgr.gif) repeat-x; border:none}
.button1 { width:100px; height:22px; background:url(../images/btn_bgb1.gif) repeat-x; color:#fff; font-size:12px; border:none }
.button1:hover { background:url(../images/btn_bgr1.gif) repeat-x; border:none}
.button2 { width:120px; height:22px; background:url(../images/btn_bgb2.gif) repeat-x; color:#fff; font-size:12px; border:none }
.button2:hover { background:url(../images/btn_bgr2.gif) repeat-x; border:none}
.text_search { width:120px; height:18px; border:1px solid #999; font-size:12px;}
.text_login {width:130px; height:16px; border:1px solid #999; font-size:12px;}
.text_email {width:450px; height:16px; border:1px solid #999; font-size:12px;}
.text_user {width:190px; height:16px; border:1px solid #999; font-size:12px;}
.select_user { width:194px;}
p { margin:0; padding:0; margin-bottom:10px;}
select {  cursor:pointer; }


#container { width:990px; margin:0 auto; background:#fff; text-align:left; overflow:hidden; zoom:1; }
#top { overflow:hidden; zoom:1;}
#top .menu { text-align:right; margin-right:15px; color:#666; padding-top:10px; padding-bottom:10px; font-weight:bold}
#top .menu select { margin-bottom:-3px;}
#top .bar { background:url(../images/top_r.jpg) right no-repeat #fe0000; height:8px;}
#top .logo { float:left; width:185px; height:89px; background:url(../images/logo.jpg) no-repeat; margin-left:7px; display:inline;}
#top .welcome { float:right; text-align:right; padding-right:15px; padding-top:5px; color:#f9a511; font-weight:bold;}
#top .logo1 { float:left; width:200px; height:110px;   margin-left:7px; display:inline;  text-align:left;  vertical-align:middle;  padding-top:10px; padding-bottom:10px;}


#nav { height:33px; background:url(../images/nav_bg.jpg) repeat-x;}
#nav ul li { float:left}
#nav ul li a { display:block; float:left; height:26px; padding-top:7px; padding-left:30px; padding-right:30px; font-size:14px; font-weight:bold; color:#fff;}
#nav ul li a:hover { background:#448cc7; text-decoration:none}
#nav ul li .nav_hid { position:absolute; z-index:10; margin-top:33px;*margin-left:-129px\9; _margin-left:-129px\9;}
#nav ul li .nav_hid ul li { float:none;}
#nav ul li .nav_hid ul li a { font-size:12px; float:none; border-top:1px solid #fff; padding-left:15px; height:23px; width:175px; padding-right:0; background:#00467f;}
#nav ul li .nav_hid ul li a:hover { background:#448cc7; text-decoration:none}
.hid .nav_hid { display:none}
.show .nav_hid { display:block;}

#nav ul li .nav_hid ul li.hid .nav_hid2 { display:none}
#nav ul li .nav_hid ul li.show .nav_hid2 { display:block}
#nav ul li .nav_hid ul li .nav_hid2 { position:absolute; z-index:12; margin-top:-31px; margin-left:190px;}
.nav_hid1 {  z-index:11;  }
.nav_hid2 { position: absolute; z-index:12; margin-top:-93px; margin-left:190px;  border-left:1px solid #fff}
#nav1 { margin:10px 15px; font-weight:normal; color:#666;}

#left { float:left; width:230px;}
#left .nav_l { background:#fbefd9; padding:20px;}
#left .nav_l ul li { border-bottom:1px solid #f7dfb1; padding-bottom:8px; margin-bottom:10px; }
#left .nav_l ul li a {background:url(../images/icon_nav_l.gif) no-repeat 10px 0; padding-left:30px; font-size:12px; font-weight:normal;}
#left .nav_l ul li a:hover { color:#f9a511; text-decoration:none;background:url(../images/icon_nav_lo.gif) no-repeat 10px 0;}
#left .intro { margin-top:10px; min-height:300px; height:auto; _height:300px; border:1px solid #dbdbdb; background: #e5e5e5; padding:25px 20px 20px 48px; font-size:12px; color:#666;}

#content { float:right; display:inline; background:#edf1f4; width:720px; padding:15px; min-height:490px; height:auto; _height:490px;}
#content .tool { text-align:right; margin-right:15px; margin-top:10px;}
#content .tool_img { margin-right:5px; margin-bottom:-3px;}
#content .box { padding-left:35px; padding-bottom:35px; overflow:hidden; zoom:1}
#content .box .list { float:left; display:inline; margin-left:30px; margin-top:30px; border:1px solid #cccccc; background:#fff; width:272px; height:240px; text-align:center; color:#005ea8; font-weight:bold; font-size:14PX;}
#content .box .list img { border:1px solid #dddddd; margin-top:25px; margin-bottom:10px;}
.layers { background:#6d94b3; overflow:hidden; zoom:1}
.lay_top { height:29px; line-height:30px; overflow:hidden; background:url(../images/bg_tc.gif) repeat-x; font-size:12px; color:#fff; font-weight:bold; text-align:left; padding-left:15px;}
.lay_top .fl { font-size:12px;}
.lay_content { margin:3px;; margin-top:0; border:1px solid #3e749e; background:#fff; padding:15px; text-align:left;}
.lay_content .dash { margin-top:5px; font-weight:bold; color:#000000; font-size:12px; float:left}
.lay_content .btn { margin-top:20px; text-align:right; padding-right:10px; margin-bottom:10px;}
.lay_content .compa_btn { margin-top:40px; text-align:right; padding-right:10px; margin-bottom:10px;}
.lay_content .checks { float:left; padding-left:5px; padding-top:2px;}
.lay_content .s_content { margin-bottom:40px; margin-top:35px; text-align:center;}
.lay_content .s_menu { margin-bottom:15px;}



/* pp100 */
#content .search { height:34px; background:url(../images/con_top_bg.gif) repeat-x; padding-left:15px; padding-top:10px; color:#666;}
#content .search select { margin-bottom:-3px\9;}
#content .search img { margin-bottom:-4px\9;}
#content .search input { margin-bottom:-3px\9;}
#content .search1{ height:65px;background:url(../images/con_top_bg.gif) repeat-x bottom #e8e8e8;}
#content .title { font-size:12px; font-weight:bold; margin-top:15px;}
#content .process { height:60px; background:url(../images/con_bgimg.gif) no-repeat 70px 0; margin-top:15px; padding-left:70px;}
#content .process ul li { float:left; margin-right:67px; display:inline;}
#content .process ul li a { width:94px; height:45px; text-align:center; display:block; padding-top:6px; color:#fff; font-size:14px; font-weight:bold}
#content .process ul li a:hover,#content .process ul li a.select { text-decoration:none; color:#d14b02; background:url(../images/con_bgimg_s.gif) no-repeat;}
.icon_calendar { margin-bottom:-3px; margin-bottom:auto\9}
#content .graph { background:#fff; padding:0 15px 50px 15px; margin-top:15px; overflow:hidden; zoom:1; margin-bottom:10px; margin-bottom:0\9;}
#content .graph .pp_height { height:10px;}
#content .graph .pp_title { font-size:12px; margin-top:10px; padding-left:150px; float:left; display:inline; padding-top:15px;}
#content .graph .pp_down { float:right; display:inline; margin-top:10px; margin-right:150px;padding-top:15px;}
#content .graph .pp_img { margin-left:150px; clear:both; margin-top:10px; padding-top:10px; padding-top:0\9;}
#content .graph .pp_img img { border:1px solid #999;}
#content .graph .pp_word {margin-left:150px; clear:both; margin-top:10px; border:1px solid #999; line-height:20px; padding:6px 10px; height:195px; width:342px; overflow-y:auto}
#content .graph .pp_word ul li {font-size:12px;}

/* Catergory */
#content .proc_cater {height:60px; background:url(../images/con_bgimg_cater.gif) no-repeat 150px 0;margin-top:15px; padding-left:150px;}
#content .graph .cater_title { font-size:12px; margin-top:10px; float:left; display:inline; padding-top:15px;}
#content .graph .cater_down { float:right; display:inline; margin-top:10px; padding-top:15px;}
#content .graph .cater_img {  clear:both; margin-top:10px; padding-top:10px; padding-top:0\9;}
#content .graph .cater_img img { border:1px solid #999;}
#content .graph .cater_word { clear:both; margin-top:10px; border:1px solid #999; line-height:20px; padding:6px 10px; height:350px; width:660px;overflow-y:auto}
#content .graph .cater_word ul li {font-size:12px;}
.cater_div { width:100px; height:50px; overflow-y:scroll; border:1px solid #999; padding:3px; color:#000; background:#FFF; margin-left:475PX; margin-left:0\9; margin-top:-17PX; margin-top:0\9; overflow-y:auto; position:absolute; z-index:10}

/* Top Problem */
#content .proc_top {height:60px; background:url(../images/con_bgimg_top.gif) no-repeat 230px 0;margin-top:15px; padding-left:230px;}
#content .graph .top_word { clear:both; margin-top:10px; border:1px solid #999; line-height:20px; padding:6px 10px; height:308px; width:660px; overflow-y:auto}
#content .graph .top_word ul li {font-size:12px;}

/* CrossTab analysis */
.cross_left { float:left; display:inline; margin-top:10px; background:url(../images/cross_l_bg2.gif) repeat-x bottom #fff; border:1px solid #00467e; width:290px;}
.cross_left .cross_nav { background:url(../images/cross_l_bg1.gif) repeat-x; padding:10px 15px; height:722px; overflow-y:scroll}
.cross_left .cross_nav .cross_title { font-size:12px; font-weight:bold; color:#004580; margin-bottom:5px;}
.cross_left .cross_nav .cross_con { border:1px solid #ddd; background:#fafafa; padding:10px; margin-bottom:10px;}
.cross_left .cross_nav .cross_con ul li { border-bottom:1px solid #ddd; padding-bottom:3px; margin-bottom:5px;}
.cross_right { float:right; display:inline; margin-top:10px; width:415px;}
.cross_right .cross_tab { height:30px; background:url(../images/cross_r_bg.gif) repeat-x;}
.cross_right .cross_tab .cross_tab1 a { width:123px; display:block; text-decoration:none; height:30px; background:url(../images/cross_r_tab_s.gif) no-repeat; font-size:12px; font-weight:bold; color:#fff; text-align:center; line-height:30px;}
.cross_right .cross_tab .cross_tab1 a.select {background:url(../images/cross_r_tab.gif) no-repeat; color:#004580; }
.cross_right .cross_list { border:1px solid #0e5186; border-top:none; padding:15px; background:#fff; height:180px; margin-bottom:10PX; overflow-y:scroll}
.cross_right .cross_list ul li { margin-bottom:5px; cursor:pointer;}
.crossover { background:#f6f6f6;}
.crossclick { background:#edf1f4;}
.cross_tit { font-size:12px; font-weight:bold; float:left; padding-top:3px;}
.cross_box { background:#fff; padding:15px; overflow:hidden; zoom:1;}
.corss_tbox {overflow:hidden; zoom:1; margin-bottom:10px;}


/* Login */
#body_login { background:#fff;}
#cont_login { width:785px; margin:0 auto; text-align:left}
.login_top { margin-top:10px; background:url(../images/top_r.jpg) right no-repeat #f00; height:22px;}
.login_logo { height:70px; width:324px; background:url(../images/logo.jpg) no-repeat; margin-top:30px;}
.login_con { height:434px; background:url(../images/login.jpg) no-repeat; border:1px solid #44567e; margin-top:8px; }
.login_con .login_title { font-weight:bold; font-size:24px; margin-left:490px; margin-top:100px;}
.login_con .login_l { margin-left:530px; margin-top:90px;}
.login_con .login_l dt { font-size:12px; float:left;}
.login_con .login_l dd { margin-left:50px; margin-top:-5px; margin-bottom:20px;}
.login_passwd { margin-left:580px;}
.login_foot { margin-top:15px; margin-bottom:15px; text-align:center; font-size:12px;}

/* Alert Setup */
.alert_title { font-weight:bold; font-size:12px; float:left}
.alert_list {clear:both; padding-top:10px;}
.alert_list ul li { margin-bottom:2px; height:25px; line-height:25px; padding-left:10px; padding-right:10px;}
.alert_list ul li.lineone { background:#fbfbfb}
.alert_list ul li.linetwo { background:#f6f6f6}
.alert_lay_top { line-height:22px; background:#f6f6f6; padding:10px; margin-bottom:10px;}
.alert_lay_ques { border:1px solid #999; padding:10px; margin-bottom:10px;}
.alert_lay_download { margin-top:10px;}
.alert_lay_email { border:1px solid #999; width:540px; overflow:hidden; zoom:1}
.alert_lay_email dt.e_title { background:#c8d0d6;  font-weight:bold; border-bottom:1px solid #b3c1cc}
.alert_lay_email dd.e_add {background:#c8d0d6; border-bottom:1px solid #b3c1cc }
.alert_lay_email dt { background:#fafafa; padding-left:10px;  width:500px; float:left; height:22px; padding-top:3px; border-bottom:1px solid #ccc; _margin-right:-3px;}
.alert_lay_email dd {background:#fafafa; width:30px; text-align:center; float:right; height:22px; padding-top:3px; border-bottom:1px solid #ccc;}
.btn_setup { margin-top:20px; text-align:center; padding-right:10px; margin-bottom:10px;}





/* Alert Setup Detail */
.detail_title { font-weight:bold; font-size:12px;}
.detail_con { background:#f6f6f6; clear:both; padding:15px; margin-top:10px; margin-bottom:10px;}
.detail_box { border:1px solid #999; margin-top:10px; background:#fff; padding:10px; line-height:18px;}
.detail_client { margin-top:5px;}
.detail_client dt { float:left; width:80px; }
.detail_client dd { margin-bottom:10px;}
.detail_client dd textarea { border:1px solid #999; width:604px; _width:600px; height:120px; font-size:12px; overflow:auto}
.layer_det { width:450px; margin:0 auto}

.detail_table { border:1px solid #999; border-collapse:collapse}
.detail_table th { background:#c8d0d6;line-height:16px; border-bottom:1px solid #b3c1cc}
.detail_table th,td { padding-left:5px; text-align:center;}
.detail_table td { border-bottom:1px solid #cccccc; line-height:16px; padding-top:5px; padding-bottom:5px;}
.detail_bor { width:690px; overflow-x:scroll; height:225px; overflow-y:auto;}
.detail_img { margin-bottom:5px; text-align:right}

/* CrossTab excel report */
.excel_con { text-align:left; padding:15px;}
.excel_img { margin-top:10px;}

/* System admin */
.system_space { margin-top:10px;}
.system_table { border:1px solid #999;}
.system_table th { background:#c8d0d6; height:28px; line-height:28px; border-bottom:1px solid #b3c1cc}
.system_table th img { margin-bottom:-2px;}
.system_table th,td { padding-left:5px;}
.system_table td { border-bottom:1px solid #cccccc; line-height:16px; padding-top:5px; padding-bottom:5px;}
.turn_page { text-align:right; margin-top:10px;}

/* File upload */
.file_title { font-weight:bold}
.file_con { margin-top:10px;}
.file_con dt { float:left; width:150px; text-align:right; padding-right:10px; padding-top:3px;}
.file_con dd { margin-bottom:5px;}

/* Contact us */
.contact_con { margin-top:10px;}

/* Forget password */
.forget_con { width:350px; margin:0 auto; text-align:left; margin-top:40px;}
.forget_box { border:1px solid #999; padding:40px 30px 30px 60px; margin-top:20px; background:#f6f6f6;}
.forget_box dt { float:left; width:80px; padding-top:3px; font-size:12px;}
.forget_box dd { margin-bottom:15px; font-size:12px;}
.forget_foot { margin-top:80px; text-align:center; border-top:1px solid #44567e; padding-top:10px;}

/* Change password */
.change_con { margin-top:80px;}
.change_con dt { float:left; width:315px; text-align:right; font-size:12px; padding-right:10px; height:40px;}
.change_con dd { height:30px; font-size:12px; height:40px;}

/* User management */
.user_con { margin-top:30px;}
.user_con dt { float:left; width:280px; text-align:right; font-size:12px; padding-right:10px;  height:40px;}
.user_con dd { height:30px; font-size:12px; height:40px;}


/* report setting with comparision */
.compar_menu { float:right; padding-right:10px;}
.compar_visible { margin-bottom:-2px;}
.compar_view { margin-top:15px;}
.compar_view select{ margin-bottom:-3px;}
.compar_filter { margin-top:15px; font-size:12px; font-weight:bold}
.compar_filter select { margin-bottom:-3px;}
.compar_select { margin-top:10px;}
.compar_select ul li { margin-bottom:10px;}
.com_title { float:left; padding-top:4px; padding-right:3px; display:inline; height:20px; width:85px; text-align:right}
.com_up { border:1px solid #999; height:20px; float:left; width:120px; cursor:default; padding:2px 2px 0 10px; background:#fafafa;}
.com_down { position:absolute; z-index:10; border:1px solid #ccc; border-top:1px solid #999; padding:5px; background:#F0F0F0; margin-top:20px; margin-left:-11px; width:122px; height:120px; overflow-y:scroll; display:none}
.compar_submit { margin-top:15px; text-align:center; width:100%;}
.compar_file { margin-top:40px;}
.compar_del { margin-top:30px; text-align:center; font-weight:bold;}
.compar_height { clear:both; height:10px;}
.compar_box { float:left; width:225px; padding-bottom:10px;}

.compar_close { padding-right:5px; text-align:right; background:url(../images/bg1.gif) repeat-x; height:15px; border:1px solid #8eafca; padding-top:2px;}

#date { margin-left:120px;}


/* new home */
.n_h_dpca { overflow:hidden; zoom:1; margin:10px 10px 0 10px;}
.n_h_dpca ul li.dpca_l { float:left; _width:30%; height:29px; background:url(../images/dpac_bg.jpg) no-repeat; color:#fff; font-weight:bold; padding-left:15px; margin-top:3px; display:inline;}
.n_h_dpca ul li.dpca_l span { background:url(../images/dpac_bg1.jpg) right no-repeat; height:17px; display:block; padding-top:2px; padding-right:15px; }
.n_h_dpca ul li.dpca_r { float:right; height:27px; color:#666; padding-top:0px;}
.n_h_dpca ul li.dpca_r input { margin-bottom:-3px;}
.n_h_hiv { border:1px solid #ccc; background:#f5f5f5; margin-left:10px; margin-right:10px;}
.n_h_h1 { border-bottom:1px solid #ddd; height:24px; padding-left:10px; padding-top:4px;}
.n_h_h2 { padding-left:10px; overflow:hidden; zoom:1; padding-right:10px;}
.n_h_h2 ul li.h2_con{ float:left; text-align:center; padding-top:7px; padding-bottom:6px; padding-left:10px; padding-right:10px; border-right:1px solid #ddd;}
.n_h_h2 ul li.h2_cons { background:#fbcd50; color:#fff; font-weight:bold;}
.n_h_h2 ul li.h2_left { float:left;padding-top:6px; padding-bottom:6px;}
.n_h_h2 ul li.h2_right { float:right;padding-top:6px; padding-bottom:6px;}
.n_h_set {float:left; padding-top:10px; padding-left:10px; height:20px;}
.n_h_run {float:left; padding-top:2px; padding-left:10px; height:20px;}
.n_h_bp { width:320px; float:left; margin-left:10PX; display:inline; margin-top:10px;}
.bp_title { float:left; padding-top:45px; font-weight:bold}
.bp_title1 { float:left; padding-top:38px; font-weight:bold}
.bp_con { width:180px; height:100px; float:left;}
.n_h_cate1 { margin-left:2px; margin-right:2px; margin-top:6px; _margin-top:0;}
.n_h_cate { background:url(../images/tab_home_m.gif) repeat-x; height:29px;}
.n_h_cate ul li.cate_l { float:left; width:10px; height:29px; background:url(../images/tab_home_l.gif) no-repeat;}
.n_h_cate ul li.cate_r { float:right; width:13px; height:29px; background:url(../images/tab_home_r.gif) no-repeat;}
.n_h_cate ul li.cate_c { padding-top:8px; font-weight:bold; color:#fff; font-size:12px;}
.n_h_zft { margin-left:2px; margin-right:2px; border-top:none; margin-bottom:10px;}
.n_h_pro { background:#f5f5f5; border-collapse:collapse;}
.n_h_pro th.homeb,td.homeb { padding-left:5px; border:1px solid #999; border-top:none; height:25px; text-align:left}
.n_h_pro td.pro_select { border-left:2px solid #fdcd51; border-right:2px solid #fdcd51; border-top:none}
.n_h_pro th.pro_select { border-left:2px solid #fdcd51; border-right:2px solid #fdcd51;}
.n_h_zft1 {   border-top:none; margin-bottom:10px; height:260px; overflow:auto;  border-bottom:1px solid #999; width:650px;_width:635px;}
.dashbord_top_div {   border-top:none; margin-bottom:10px; height:265px;width:650px; overflow:auto;  border-bottom:1px solid #999;display: inline;position: absolute;}
.n_h_pro tr.n_h_os { background:#e2e7e9}
.n_h_o { width:100px; height:20px; overflow-y:scroll; border:1px solid #999; padding:3px; color:#000; background:#FFF; margin-left:35px; margin-left:0\9; margin-top:-17PX; margin-top:0\9; overflow-y:auto; position:absolute; z-index:10}
.pro20 {float:left; width:650px; _width:635px; height:300px; margin-top:10px; display:inline;}

#foot { padding-top:20px; padding-bottom:20px; font-size:12px;}

.wmodel
{
    width:238px;
}
.bg_FFFFFF
{
    background-color:#FFFFFF;
}
.bg_F2F2F2
{
    background-color:#E2E7E9;
}