/* CSS Document */
dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, th, td { margin: 0; padding: 0; font-weight: 400; }
h1, h2, h3, h4, h4, h5, div { margin: 0; padding: 0; }
table { border-collapse: collapse; }
img { border: 0; }
ul, li { list-style: none; }
em { font-style: normal; }
a { text-decoration: none; outline: none; }
/*Public*/
/* CLEAR FIX*/
.ie6-out { _margin-left: 1002px; _zoom: 1; }
.ie6-in { _position: relative; _float: left; _margin-left: -1002px; }
.min-width { min-width: 1002px; _zoom: 1; }
/*cloud*/
.cloudURL{color:#8000FF;}
.cloudURL:hover{color:#804040;}
.cloud_font{color:#6daee7;}
.channel_width{width: 440px;}
/* Hides from IE-mac */
.bkqc{ border-top-style: dashed;border-right-style: dashed; border-bottom-style: dashed;border-left-style: dashed;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;}
/*UL_LI style*/
.J_harf_con1 { float: left; width: 800px; padding-left: 10px; padding: 0 0 10px 10px; margin: 10px 0 0 0; overflow: hidden; }
.J_harf_con { float: left; width: 390px; padding-left: 10px; padding: 0 0 10px 10px; margin: 10px 0 0 0; overflow: hidden; }
.J_sub_con ul { width: 100%; clear: both; }
.J_sub_con ul li { float: left; margin-right: 12px; line-height: 27px; text-align: left; }
.J_sub_con ul li.J_text_r { text-align: right; }
.J_sub_con ul li.J_text_r1 { text-align: right;color: white; }
.J_sub_con ul li.J_text_r2{text-align: left; text-indent: 2em;}
.J_sub_con ul li.J_chkrad { height: 20px; line-height: 10px; margin-right: 2px; margin-top: 7px; margin-top: 2px; }
.J_sub_con ul li.J_liclear { clear: both; padding: 5px 0 0 20px; }
.J_sub_con ul li.J_marr4 { margin-right: 4px; }
.J_sub_con ul li.J_lisecond { padding-left: 20px; }
.J_sub_con ul li.J_width_chebox { width: 20px; margin-right: 0; margin-top: 7px;padding: 0; line-height: 10px; cursor: pointer;}
.J_sub_con ul li.line { width: 600px; height: 10px; background: url(../image/allline.gif) 0 0 no-repeat; }
.J_sub_con ul li.J_current { float: left; width: 147px; height: 22px; margin-right: 6px; line-height: 22px; color: #FFF; font-weight: bold; text-align: center; }
.J_sub_con ul li.line_short { width: 380px; height: 10px; background: url(../image/allline.gif) -50px 0 no-repeat; }
.J_sub_con ul li.J_floatr { float: right; margin-right: 0; margin-left: 0px; }
.J_sub_li_chebox { width: 10px; }
.J_sub_copy ul { width: 100%; clear: both; }
.J_sub_copy ul.J_width365 { width: 365px; display:inline-block; }
.J_sub_copy ul li { float: left; margin-right: 9px; line-height: 27px; text-align: left; }
.J_li_floatp p { float: left; margin-right: 5px; }
.J_sub_con ul .version_bottom { padding-top: 20px; color: #000; }
.line1{ width: 300px; height: 10px; background: url(../image/allline.gif) 0 0 no-repeat; }
.banxian{width: 450px;border: 0px solid #858585;border-left: 0px;border-right: 0px;border-top: 0px;height: 40px;
}
.camera_up{background: url(../image/camera.png) no-repeat; width:120px;cursor: pointer;text-align: left;text-indent: 2em;font-weight: bold;}
.camera_down{background: url(../image/camera.png) -120px 0 no-repeat; width:120px;cursor: pointer;text-align: left;text-indent: 2em;font-weight: bold;}
.camera_right{margin-left: 15px;}
/*tables_style*/
.J_table_con { margin: 12px 0 0 12px;border: 1px solid #d7dce0; }
.J_table_con table { width: 100%; margin: 0px auto; text-align: center; }
.J_table_con table tr th { height: 20px; line-height: 20px; font-weight: bold; font-size: 12px; color: #596880; }
.J_table_con table tr { height: 30px; line-height: 30px; font-size: 12px; color: #596880; }
.J_table_con table tr:hover {height: 30px; line-height: 30px; font-size: 12px; color: #373737;  }
.J_table_con table .cTr { height: 30px; line-height: 30px; font-size: 12px; color: #373737; }
.J_table_con table .cTr2 { height: 30px; line-height: 30px; font-size: 12px;background-color:#E6E6FA ; color: #373737; }
.J_table_con .mar15 { padding-right: 15px; background: #d7d8d9; }
.J_table_con .mar015 {  background: #f0f0f0; height:28px;border-bottom:1px solid #d7dce0;}

/*all_button_style*/
.J_button_content { clear:both; height: 36px; left: 10px;margin-top:10px;padding-top:10px;}
.J_button_line_box { display: inline-block; width: 100%; padding-top: 10px; }

.J_btn_style, .J_set_btn, .J_set_disable_btn, .J_btn_disable_style, .J_btn_disable_ivs { float: left;font-size:12px; display: inline-block; width: 78px; height: 23px; line-height: 23px; overflow: hidden;background:url(../image/img/btnbg1.png) no-repeat; color: #000; cursor: pointer; text-align: center; }
.J_btn_style:hover, .J_set_btn:hover {background:url(../image/img/btnbg.png) no-repeat;color:#fff; font-size:12px;}
.J_btn_right_style { float: right; margin: 10px 0 0 10px; }
.J_set_btn { width: 78px; margin: 0; }
.buttonStyle{ float: left;font-size:12px; display: inline-block; width: 78px; height: 23px; line-height: 23px; overflow: hidden;background:url(../image/img/btnbg1.png) no-repeat; color: #000; cursor: pointer; text-align: center; }
.buttonStyle:hover {background:url(../image/img/btnbg.png) no-repeat;color:#fff; font-size:12px;}
.buttonStyle{ width: 78px; margin: 0; }
.J_set_disable_btn { width: 68px; margin: 0; color: #949494; }
.J_btn_disable_style { color: #949494; }
.J_btn_disable_ivs { color: #ACA899; text-shadow: #FFF 1px 1px 0; }
.channel_button1{background:url(../image/yt3.gif) 30px 0;}
.J_btn_sysRestart_style{font-size:12px;color:#000;height:25px;cursor: pointer;width:105px;text-align:center;display:block;line-height:25px;margin-left:25px;background:url(../image/img/btnbg3.png);}
.J_btn_sysRestart_style:hover{background:url(../image/img/btnbg4.png);color:#fff;}

/*button_tips_style*/
.J_box_tap { clear: both; height: 30px; padding-top: 4px; }
.J_box_tapcon { clear: both; height: 20px; padding-top: 4px;  }
.Box { display: none; }
.Box0, .Box1, .Box2 { float: left; text-align: left; min-width: 300px; padding-left: 35px; padding-right: 10px; _width: 360px; height: 28px;
    background: url(../image/setup/smile.gif) no-repeat left  center; color: #010101; font-size: 12px; font-weight: bold; line-height: 28px; }
.Box1 { background-image: url(../image/setup/error.gif); }
.Box2 { background-image: url(../image/setup/alarm.gif); }
.Box3 {color:red;font-size:14px;}
.channel_selectImg{background:url(../image/yt3.gif);}
.channel_select{margin-right:15px;margin-top:8px;width:22px;height:22px;line-height:22px;text-align:center;font-size:14px;display:block;float:left;}
.channel_select:hover{background:url(../image/yt3.gif) 30px 0;}
/*input_style*/
.J_input_style { width: 154px; height: 20px; line-height: 20px; border: 1px solid #A5A5A5; padding-left: 4px; }
.J_input_max_style { width: 250px;height: 20px; line-height: 20px; border: 1px solid #A5A5A5; padding-left: 4px; }
.J_input_min_style { width: 40px; height: 16px; line-height: 16px; border: 1px solid #A5A5A5; text-align: center; }
.J_fileinput { float: right; width: 100px; height: 26px; padding: 20px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; cursor: pointer; }
.J_fileinput1 { position: absolute; left: -104px; top: 0; width: 80px;  height: 26px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; cursor: pointer; overflow: hidden; }

/*all_scroll_style*/
.J_yscroll { height: 300px;overflow-y: scroll;overflow-x: hidden; }
.J_yscroll table { width: 100%;}
.J_yscroll_list {width:771px; min-height: 115px;  max-height: 300px; margin-top: 30px;margin-left:12px; border: 1px solid #d7dce0; overflow-y: auto; overflow-x: hidden; padding: 7px 0 0 20px ; }
.J_yscroll_list p { line-height: 24px; }

/*all_time/ip_box_style*/
.J_alltimebox { height: 20px; padding: 0px; margin: 2px 0 0;line-height: 20px; border: 1px solid #A5A5A5; text-align: left; }
.J_ipdressbox { float: left; width: 158px; height: 20px; padding: 0px; margin: 2px 4px 0 0; line-height: 20px; border: 1px solid #A5A5A5; text-align: left; }
.J_alltimebox input, .J_ipdressbox input { width: 30px; padding: 0; text-align: center; border: 0 none; background: none; }

.J_inputbox { float: left; height: 16px; padding: 2px 1px; margin: 2px 4px 0 0; line-height: 20px; border: 1px solid #A5A5A5; }
.J_inputbox input, .J_inputbox span { float: left; padding: 0; text-align: center; border: none; background: none; }
.J_inputbox input { width: 36px; height: 16px; line-height: 16px; }
.J_inputplayBackbox { float: left; height: 16px; padding: 2px 1px; margin: 5px -2px 5px 0; line-height: 16px; border: 1px solid #A5A5A5; }
.J_inputplayBackbox input, .J_inputplayBackbox span { float: left; padding: 0; text-align: center; border: none; background: none; }
.J_inputplayBackbox input { width: 29px; height: 16px; line-height: 16px; }
.J_inputbox span { width: 4px; height: 16px; line-height: 16px; overflow: hidden; }
.J_inputbox_time { margin: 2px 0 0 0; }
.J_inputbox_time input { width: 28px; }
.J_inputbox_time .J_inputbox_year { width: 40px; }

/*page_control_style*/
.J_page_control { width: 100%; height: 22px; line-height: 22px; padding: 5px 0 0; text-align: right; }
.J_page_control p { float: right; margin-left: 4px; }
.J_pagep_icon { margin-top: 2px; }
.J_pagep_icon a, .J_pagep_btn a { display: block; width: 12px; height: 12px; margin-top: 4px; background: url(../image/yt2.gif) 0 -139px no-repeat; }

.J_pagep_icon .fir { background-position: 0 -139px; }
.J_pagep_icon .fir:hover { background-position: 0px -159px; }
.J_pagep_icon .pre { background-position: -12px -139px; }
.J_pagep_icon .pre:hover { background-position: -12px -159px; }
.J_pagep_icon .next { background-position: -24px -139px; }
.J_pagep_icon .next:hover { background-position: -24px -159px; }
.J_pagep_icon .last { background-position: -36px -139px; }
.J_pagep_icon .last:hover { background-position: -36px -159px; }
.J_pagep_btn .sure { background-position: -48px -139px; width: 20px; height: 20px; margin-top: 0px; }
.J_pagep_btn .sure:hover { background-position: -48px -159px; }
.J_input_page { width: 24px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #A5A5A5; }


/*dialog_box_style*/
.J_dialog { position: absolute; top: -10000px; z-index: 1000; }
.J_dialog_box { display: inline-block; width: 400px;  z-index: 1000;  background-color: #fff; text-align: center; }
.J_title_h2 { width: 94%;border-bottom:2px solid #d4d4d4;margin-left:16px; height: 53px; line-height: 53px;  }
.titleH { float: left;width:100px;  font-size: 14px; font-weight: bold;height:53px;line-height:53px;border-bottom:2px solid #6daee7; }
.titleD { float: left;width:100px;  font-size: 14px; font-weight: bold;height:53px;line-height:53px;border-bottom:2px solid #6daee7; }
.exit { float: right; margin-top: 16px; padding-right: 4px; }
.exit a { display: block; width: 22px; height: 22px; overflow: hidden; background: url(../image/pbbbtn.gif) -226px 0 no-repeat; }
.exit a:hover { background-position: -248px 0; }

.J_sub_sureBox { display: inline-block; height: auto; margin: 10px auto; text-align: center; }
.J_sureText { line-height: 24px; }
.J_popUpbtn {  width: 240px;  margin: 0 auto ;height:24px; }
.J_popSavebtn {  width: 240px;  margin-left: 150px ;height:24px; }
.J_center_popup { margin: 10px auto 0; width: 340px; }
/*slider_style*/
.J_slider_box { float: left; height: 19px; margin: 2px 0 0 4px; background: url(../image/bgx.gif) 0 -19px repeat-x; overflow: hidden; }
.J_slider { float: left; width: 10px; height: 19px; background: url(../image/voldis.gif) no-repeat; cursor: pointer; }
.J_slider:hover { background-image: url(../image/vol.gif); }

/*channel_style*/
.J_channel_con a, .J_channel, .J_channel1 { float: left; display: block; height: 22px; width: 22px; line-height: 22px; margin-right: 5px; background: url(../image/yt3.gif) no-repeat 0 0; color: #000; font-size: 14px; text-align: center; }
.J_channel_con a.J_channel { background-position: 0 0; }
.J_channel_con a.J_channel:hover, .J_channel:hover { background-position: -22px 0; }
.J_channel_con a.J_channel1, .J_channel1 { background-position: -44px 0; }


/* set content*/
.WangChuan{border: 1px solid #B1B1B1;min-height: 400px;height: auto;left: 10px;}
.J_content a { cursor: pointer;}
.J_content .J_set_sidebar { float:left;  width: 179px; min-height: 520px; text-align: left;  }
.J_content .J_set_sidebar.dingWei { float:left; width: 179px; min-height: 520px; text-align: left; }
.J_content .J_main_body {  }
.J_content .J_set_right_body { border-left:1px solid #d7dce0;display: inline-block; width: 845px;padding-left:10px; text-align: left; height: 100%;min-height:625px;}
.J_sub_tabcon .J_camera .camera_tab_con{margin:0px 0px 0px 0px;min-height: 500px;height: auto;min-width: 800px: }
.J_sub_tabcon.invade_tab_con{margin:0px 0px 0px 0px;min-height: 400px;height: auto;min-width: 850px }
.J_sub_tabconbei{min-height: 210px;}
.J_content .J_set_sidebar .J_set_menu {text-align:center; border-top:1px solid #c2c2c2;background-color:#e6e6e6; margin-left: 1px; display: block; width: 177px; height:39px; line-height:39px; overflow: hidden;font-family:"微软雅黑";  font-size: 14px; font-weight: bold; color: #282926; }
/*background-image: url(../image/shezhi03.png);background-repeat: no-repeat;background-position: 10px 8px;*/
.J_content .J_set_sidebar .J_set_menu_current { display: block; height: 40px; line-height: 40px; overflow: hidden; background:url(../image/img/bzbg.png) repeat scroll;text-align:center;font-family:"微软雅黑";  font-size: 14px; font-weight: bold; color: #fff; }
.J_sub_tabcon.camera_tab_con{min-height: 512px;height: auto;}
.gujian{border: 1px solid #B1B1B1;min-height: 430px;height: auto;}
.J_content .J_set_sidebar ul { display: none; }
.J_content .J_set_sidebar li { margin-left: 15px;text-align:center; width: 130px; height: 35px; line-height: 40px; font-size: 12px;  }
/*
.J_content .J_set_sidebar li a { background: url(../image/shezhi03.png) 10px 10px no-repeat; display: block; height: 26px; line-height: 26px; text-indent: 30px; color: #8000FF; white-space: nowrap; }
*/
.J_content .network_css li { margin-left: 15px;text-align:center; width: 130px; height: 31px; line-height: 40px; font-size: 12px;  }

.J_content.shezhi{ background: url(../image/shezhi03.png) 10px 10px no-repeat;}
.shezhi{ display: block; height: 40px; line-height: 40px; text-indent: 16px; color: #686c73; white-space: nowrap;font-size:13px;font-family:"微软雅黑";  }
.J_content .J_set_sidebar li a:hover { color: #000000; }
.J_content .J_set_sidebar .J_current {color:#686c73;  background: url(../image/shezhi03.png) 0px 15px no-repeat;}
.J_content .J_set_sidebar .newli { text-indent: 30px; display: block; width: 162px; height: 26px; line-height: 26px; text-decoration: none; font-size: 12px; white-space: nowrap; background: url(../image/sidebar4.gif) no-repeat; color: #000000; }
#notExsit{display: none}
.J_recors_tabcon{display: block;}
#tab_path_rs{display: none}

/*content style*/
.J_subtab { width: 100%; height: 54px; position: relative; z-index: 0; }
.J_subtab .J_sub_list li { float: left; width: 100px; height: 50px; margin: 4px 6px 0 0; line-height: 48px; overflow: hidden; font-size: 14px; color: #373737; cursor: pointer; text-align: center;font-family:"微软雅黑"; }
.J_subtab .J_sub_list .disabled { color: #ACA899; text-shadow: #FFF 1px 1px 0; }
.J_subtab .J_sub_list .J_current {border-top:none;border-left:none;border-right:none; float: left; width: 103px; height: 50px; margin-right: 6px; line-height: 48px; overflow: hidden; font-size: 14px;font-family:"微软雅黑"; color: #373737; font-weight: bold; cursor: text; }
.J_subtab .J_sub_list .J_help_con { display:none; float: right; width: 22px; height: 22px; margin: 0 1px 0 0; }
.J_subtab .J_sub_list .J_help_con a { display: block; width: 22px; height: 22px; }
.J_subtab .J_sub_list .J_help_con a:hover { background-position: -230px -22px; }

.J_sub_tabcon, .J_sub_top_tab { padding: 14px 20px 0 ; text-align: left; border: 1px solid #d4d4d4; border-top: 2px solid #d4d4d4;}

.J_sub_top_tab ul { width: 100%; height: 22px; overflow: hidden; }
.J_sub_top_tab ul li { float: left; width: 153px; height: 22px; margin-right: 6px; line-height: 22px; font-size: 12px; text-align: center; cursor: pointer; }
.J_sub_top_tab ul .J_current { float: left; width: 153px; height: 22px; margin-right: 6px; line-height: 22px; color: #FFF; font-weight: bold; text-align: center; }

/*logManageConfig_style*/
.J_log_con { height: 24px; text-align: left; }
.J_log_con p { float: left; margin: 4px 5px 0 0; line-height: 20px; }
.J_allkind_btn { margin: 0 5px; }

.J_timebox_title { width: 68px; height: 22px; line-height: 22px; padding-top: 3px; text-align: right; }
.J_allkind { width: 80px; padding: 5px 5px 0 0; text-align: right; }

.J_log_search { clear: both; height: 24px; padding: 5px 0; margin: 0; text-align: left; }
.J_log_search p { float: left; }
.J_allkind_select { padding: 2px 0 0 0; margin: 0; text-align: left; }
.J_log_search .butnS { margin: -2px 4px auto; }
.J_log_search_result { height: 22px; line-height: 22px; }
.J_log_search_result span { padding-right: 4px; }
.J_sys_inf ul { clear: both; width: 100%; }
.J_sys_inf_title { float: left; min-width: 90px; height: 20px; line-height: 20px; }
.J_sys_inf_content { float: left; line-height: 20px; }

/*upgradeConfig_style*/
.J_upgrade { margin: 24px 0 10px 60px; }
.J_upgrade span { float: left; display: block; }
.J_upgrade .J_path { width: 300px; height: 20px; line-height: 20px; border: 1px solid #A5A5A5; padding: 0 4px; }
.J_upgrade .J_wrap_label { margin: 2px 10px 0 0; }
.J_upgrade .J_wrap_label span { padding-right: 4px; margin-top: 3px; }
.J_upgrade .J_btn_style, .J_upgrade .J_btn_disable_style { width: 80px; margin: 0; }
.J_upgrade .J_path, .J_upgrade .J_import, .J_upgrade .J_update { vertical-align: middle; }
.J_upgrade .J_wrap_btn { width: 82px; margin-right: 10px; position: relative; overflow: hidden; height: 26px; display: inline-block; vertical-align: middle; height: 26px; }
.J_upgrade .J_znupgrade { font-size: 20px; width: 82px; overflow: hidden; cursor: pointer; position: absolute; display: none; height: 30px; right: 0px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; margin-left: -10px; }
.J_upgrade .J_btn_style1 { border: 1px solid #010102; width: 80px; margin-top: 0; background-position: 0 -24px; }
.J_upgrade_loading { clear: both; margin-left: 175px; margin-top: -30px; height: 60px; }
.J_upgrade_loading span { line-height: 24px; }
.J_loading_bg { width: 251px; height: 28px; background: url(../image/bar.gif) repeat-x 0 0px; }
.J_loading_slider { width: 16px; height: 28px; background: url(../image/bar.gif) no-repeat 0 -28px; overflow: hidden; cursor: pointer; }


/*autoMaintainConfig_style*/
.J_automat_select { float: left; margin: 0 4px 0 0; }


/*userManageConfig_style*/
.J_userul { width: 100%; }
.J_userul li { float: left; min-width: 116px; margin-right: 10px; line-height: 20px; }
.J_user_checkcon { width: 230px; height: 95px; padding: 5px; margin-left: 0; overflow-y: auto; border: 1px solid #A5A5A5; }
.J_user_checkcon p { line-height: 20px; }
.J_user_checkcon p input { float: left; display: block; margin: 4px 4px 0 0; }
.J_user_checkcon .Unable { color: #999; }
.J_user_checkcon .Unable input { background: url(../image/noselect.gif) 50% 50% no-repeat; }
.J_sub_con ul li table .J_tip_red { height: 28px; vertical-align: middle; line-height: 14px; }
.J_Udelicon, .J_Uediticon, .J_Useticon, .J_editicontd span, .J_delicontd span { display: block; width: 16px; height: 16px; margin: 2px auto auto; background: url(../image/sidebar4.gif) no-repeat; }
.J_Udelicon, .J_delicontd span { background-position: 0 -287px; }
.J_Uediticon, .J_editicontd span { background-position: -16px -287px; }
.J_Useticon { background-position: -32px -287px; }

/*recordStorageConfig_style*/
.J_recors_tabcon { float: left; width: 47%; margin-right: 20px; }
.J_recors_tabcon h1 { width: 100%; height: 24px; line-height: 24px; font-size: 12px; font-weight: bold; }
.J_recors_tab table { width: 100%; border: 2px solid #C8C8C8; }
.J_recors_tab tr { }
.J_recors_tab tr.cTr { }
.J_recors_tab tr td { height: 26px; line-height: 26px; text-align: center; }
.J_progress { width: 100%; margin: 0 auto; }
.J_progresscon { display: inline-block; display: inline; zoom: 1; }
.J_progress_bg { float: left; width: 100px; height: 15px; margin: 4px 4px auto 0; background: url(../image/sidebar4.gif) no-repeat 0 -134px; }
.J_prog_p { height: 15px; background: url(../image/btnbg.gif) repeat-x 0 -168px; float: left; }


/*recordPlanConfig_style   &&  alarmConfig_style*/
.J_recordp_l { float: left; width: 660px; overflow: hidden; position: relative;left: 15px;}
.J_recordp_sJ{ float: left; width: 660px; overflow: hidden; position: relative;left: 15px;}
.J_recordp_r { float: left; width: 80px; margin: 40px 0 0 -30px;position: relative;left: 30px; }
.J_recordp_shiZ{ float: left; width: 80px; margin: -300px 620px; position: relative;left: 40px;}
.J_recordp_ftp_shiZ{ float: left; width: 80px; margin: -240px 620px; position: relative;left: 40px;}
.J_colortips { width: 620px; height: 24px; }

.J_colortips p { float: right; margin: 2px 5px 0 0; color: #888; }
.J_colortips p span { float: left; }
.J_colortips p span.J_tip_text { padding: 0 10px 0 4px; }
.J_block_green, .J_block_yellow, .J_block_red { width: 10px; height: 10px; margin-top: 2px; overflow: hidden;display: block; }
.J_block_yellow {background-color: #ffff00;
}
.J_block_green{background-color: #5adc37;}

.J_block_red {background-color: firebrick }

.J_recordp_lcon { clear: both; display: inline-block; }

.J_recordp_week { float: left; width: 80px; padding-right: 4px;*margin-top:33px; margin-top: 18px; text-align: right; background: url(../image/allline.gif) no-repeat -566px -32px;*background: url(../image/allline.gif) no-repeat -566px -20px; }
.J_recordp_week ul li { list-style: none; height: 22px; margin-top: 8px; }
.J_recordp_time {*margin-top:15px; float: left; overflow: hidden; width: 570px; }
.J_recordp_timecon { height: 18px; clear: both; background: url(../image/allline.gif) 0 -10px no-repeat; padding-left: 2px; }
.J_recordp_timecon ul li { float: left; width: 43px; text-align: left; list-style: none; }

.J_record_view { width: 530px; height: 211px; background: url(../image/allline.gif) -5px -32px no-repeat; position: relative; left: 0; top: 0; }
.J_record_view div { position: absolute; height: 9px; overflow: hidden; }

.J_recordp_inbox { display: inline-block; padding: 5px; border: 1px solid #ABABAB; }

.J_alarm_r { float: left; width: 80px; margin: 20px 0 0 -30px; position: relative;left: 20px;}
.J_alarm_view { width: 530px; height: 211px; background: url(../image/allline.gif) -5px -32px no-repeat; position: relative; left: 0; top: 0; }
.J_alarm_view div { height: 9px; overflow: hidden; }
.J_alarm_con { clear: both; padding-top: 10px; }
.J_alarm_inbox { width: 680px; display: inline-block; padding: 5px; border: 1px solid #ABABAB; }
.J_linkage_inbox { width: 370px; display: inline-block; padding: 8px; border: 1px solid #ABABAB; }
.J_copyTo_inbox {width:383px;height:100px;overflow:auto;}
#page_recordPlanConfig .schedule_canvas .schedule_general { background: lime; }
#page_recordPlanConfig .schedule_canvas .schedule_motion { background: yellow; }
#page_recordPlanConfig .schedule_canvas .schedule_alarm { background: red; }

#ftp_page_recordPlanConfig .ftp_schedule_canvas .ftp_schedule_general { background: lime; }
#ftp_page_recordPlanConfig .ftp_schedule_canvas .ftp_schedule_motion { background: yellow; }
#ftp_page_recordPlanConfig .ftp_schedule_canvas .ftp_schedule_alarm { background: red; }

/*recordPlanConfig_calendar_style*/
.J_calendar { clear: both; width: 280px; height: 250px; padding-bottom: 10px; border: 2px solid #4F4F4F; }
.J_calendar_con { width: 280px; height: 30px; text-align: left; }
.J_calendar_txt { float: left; line-height: 30px; padding-left: 5px; color: #FFF; font-weight: bold; }
.J_calendar_mouth { float: right; margin: 2px 5px 0 0; }

.J_weekdays { width: 260px; height: 25px; margin-top: 10px; overflow: hidden; padding-left: 20px; }
.J_weekdays li { float: left; width: 26px; height: 25px; line-height: 25px; margin-right: 10px; text-align: center; color: #373737; font-weight: bold; }

.J_everydays { clear: both; width: 260px; margin: 0 auto; padding-left: 20px; }
.J_everydays li { float: left; width: 26px; height: 25px; line-height: 25px; padding-bottom: 5px; margin-right: 10px; }
.J_everydays li a { display: block; width: 26px; height: 25px; line-height: 25px; text-decoration: none; color: #373737; text-align: center; background: url(../image/sidebar4.gif) no-repeat 0 -165px; }
.J_everydays li a:hover { background-position: -26px -165px; }
.J_everydays li a.anow { background-position: -52px -165px; }
.J_everydays li a.atoday { background-position: 0 -165px; font-weight: bold; }
.J_everydays li a.anoh { background-position: 0 -165px; color: #999; }
.J_calender_select { min-width: 60px;  }


/*WIFI_style*/
.J_wifi_con { padding-left: 5px; }
.J_wifi_con ul { width: 100%; }
.J_wifi_con ul li { line-height: 22px; }
.J_wifi_result, .J_wps_result { padding-left: 15px; color: #006600; font-size: 14px; font-weight: bold; }
.J_wifi_result { float: left; display: block; }
.J_wifi_span_title { float: left; display: block; }
.J_signbox a { display: block; margin: 2px auto; width: 16px; height: 16px; background: url(../image/sidebar4.gif) no-repeat; }
.J_signbox a.sign0 { background-position: 0 -262px; }
.J_signbox a.sign1 { background-position: -16px -262px; }
.J_signbox a.sign2 { background-position: -32px -262px; }
.J_signbox a.sign3 { background-position: -48px -262px; }
.J_signbox a.sign4 { background-position: -64px -262px; }
.J_signbox a.sign5 { background-position: -80px -262px; }
/*wps_style*/
.J_setright { display: inline-block; width: 100%; overflow: hidden; padding-bottom: 10px; text-align: left; }
.J_wifi_wps_box { line-height: 28px; margin-top: -10px; padding: 10px 24px 0; text-align: left; }
.J_wifi_wps_box .J_wps_h2 { font-size: 12px; font-weight: normal; }
.J_button_set a { margin-right: 10px; }
.black { color: #000; }
.flash_time_head { width: 100px; text-align: left; }
.flash_time_head label { vertical-align: middle; }
.flash_day { line-height: 35px; }
.flash_day li { float: left; }
.flash_day .flash_day_input div { float: left; margin-right: 2px; }
.flash_time { line-height: 36px; }
.flash_time li { float: left; }
.flash_input_time { width: 82px; height: 20px; line-height: 20px; padding: 0; text-align: center; border: 1px solid #A5A5A5; }
.flash_day_input label { vertical-align: middle; }
/*pir*/
.J_pir_flash_button_on {}

/*emailConfig_style*/
.addicon { float: left; display: block; width: 22px; height: 22px; margin-top: 2px; margin-top: 0; background: url(../image/yt2.gif) 0 -90px no-repeat; }
.addicon:hover { background-position: -22px -90px; }
.addicon1 { float: left; display: block; width: 22px; height: 22px; margin-top: 2px; margin-top: 0; background: url(../image/yt2.gif) -44px -90px no-repeat; }
.delicon { float: left; display: block; width: 22px; height: 22px; background: url(../image/yt2.gif) 0 -112px no-repeat; }
.delicon:hover { background-position: -22px -112px; }
.delicon1 { float: left; display: block; width: 22px; height: 22px; background: url(../image/yt2.gif) -44px -112px no-repeat; }
.J_email { width: 210px; overflow: hidden; }
.J_email_address { float: left; width: 204px; height: 60px; border: 1px solid #A5A5A5; overflow-y: auto; overflow-x: hidden; }
.J_email_address p { line-height: 16px; padding-left: 4px; }

/*encodeConfig_style*/
.J_sub_encode { padding: 10px 0 0 10px; }
.J_encode_title { width: 385px; height: 26px; font-weight: bold; text-indent: 10px; }
.J_vedioosd_left { float: left; width: 500px; margin: 0 10px 0 0; }
.J_vedioosd_right { float: left; margin-top: 10px; }
.J_vedioosd_right ul { width: 250px; }
.J_vedioosd_vedio { position: relative; top: 0; left: 0; width: 500px; height: 374px; }
.titleC, .titleT { position: absolute; z-index: 10; width: 100px; height: 20px; line-height: 20px; color: #000; cursor: move; text-align: center; }
.titleT { width: 160px; }
.J_video_area { z-index: 3; width: 500px; height: 374px; position: absolute; top: 0; left: 0; overflow: hidden; }

/*videoDetectConfig_style*/
.J_videoZone_l { float: left; margin: 10px 4px 0 0; padding-left: 10px; }
.J_videoZone_r { float: left; width: 260px; margin-top: 20px; }
.J_videoZone_r h3 { text-align: left; margin: 0 6px 20px 12px; padding: 4px 0 4px 8px; }
.J_videoZone_r ul { height: 50px; }
.J_videoZone_r ul li { margin-right: 4px; }
.J_videoZone_r ul li.J_vedoDet_text { width: 100px; text-align: right; }
.detZone { position: absolute; left: 0px; top: 0px; z-index: 8; width: 500px; height: 374px; }
.detZone0 { position: absolute; left: 0px; top: 0px; width: 500px; height: 374px; }
.J_vedio_border { border: 1px solid #000; }
#videoDetect_MotionFigure_wrap { position: relative; margin: 20px 0 0 12px; overflow: hidden; width: 242px; height: 102px; background: url(../image/motion_figure.gif); }
#videoDetect_MotionFigure { position: relative; height: 102px; left: 0px; }
#videoDetect_MotionFigure_threshold { position: relative; height: 1px; }
#videoDetect_MotionFigure div { position: absolute; bottom: 1px; width: 1px; }
#videoDetect_MotionFigure div.motion { }
/*此处是区域画块JS调用样式
.td0{ background:#A6E9FF; -moz-opacity:.9; opacity:.9; filter:alpha(opacity=90)}
.td1{ background:#A6E9FF; -moz-opacity:0; opacity:0; filter:alpha(opacity=0)}
*/

/*此处encodeConfig video osd 和 videoDetectConfig video area 共用*/
.J_vedioosd_vediocon { position: relative; top: 0; left: 0; width: 500px; height: 374px; overflow: hidden; }
.J_vedioosd_controlcon { width: 500px; height: 30px; }
.J_vedioosd_controlcon a { margin-top: 4px; }
.J_con_text { float: left; height: 30px; line-height: 30px; }

/*camerConfig_style*/
.J_camera { padding: 10px 0 0 10px; height: 500px; }
.J_camera_left { float: left; width: 450px; margin-left: 2px;}
.J_sub_tabcon .J_camera .camera_tab_con{position: relative;}
.J_camera_right { float: left; }
.J_camera_right label { vertical-align: middle; }
.J_camera_right ul li { overflow: hidden; margin-right: 2px; }
.J_camera_video { width: 450px; height: 337px; position: relative; left: 0; top: 0; overflow: hidden; }
.J_set_video { width: 450px; height: 337px;  left: 0; top: 0; overflow: hidden; }
.J_camera_full_screen { width: 450px; height: 24px; }
.J_camera_full_screen li { float: left; width: 25px; height: 24px; margin: 3px 0 4px 0; display: inline; }
.J_camera_full_screen li a {border:1px solid #c7c7c7; display: block; width: 24px; height: 23px; }
.J_camera_full_screen li .J_screen_button { background: url(../image/quanpin.png) no-repeat; }
.J_camera_full_screen li .J_screen_button:hover { background: url(../image/quanpin.png) no-repeat; }
.J_camera_right ul li.line_short { width: 340px; height: 10px; background: url(../image/allline.gif) -70px 0 no-repeat; }

.J_sepcial_position { position: relative; left: 0; top: 0; }
.J_sepcial_slider_box { width: 166px; }
.J_sepcial_slidercon { width: 154px; height: 19px; margin: 2px 0 0 6px; background: url(../image/bgx.gif) 0 -19px repeat-x; overflow: hidden; }

.J_camera_btn_left, .J_camera_btn_right { position: absolute; left: 0; top: 2px; top: 4px; width: 7px; height: 16px; background: url(../image/timeslider.gif) -1px -74px no-repeat; }
.J_camera_btn_right { background-position: -8px -74px; left: 7px; }

.J_button_icon { display: block; width: 24px; height: 24px; background: url(../image/yt2.gif) no-repeat; }
.J_icon1 { background-position: -53px -292px; }
.J_icon2 { background-position: -53px -316px; }
.J_icon3 { background-position: -53px -340px; }
.J_icon4 { background-position: -53px -388px; }

.J_camera_nolight a { display: block; width: 22px; height: 16px; margin-top: -20px; margin-left: 155px; background: url(../image/yt3.gif) 0 -386px no-repeat; }
.J_camera_nolight a:hover, .J_camera_nolight a.nolight1 { background-position: -22px -386px; }

a.dayicon { float: left; display: block; width: 40px; height: 27px; margin-right: 10px; background: url(../image/daynight.png) 0 0 no-repeat; }
a.dayicon:hover { background-position: -40px 0; }
a.dayicon1 { float: left; display: block; width: 40px; height: 27px; margin-right: 10px; background: url(../image/daynight.png) -40px 0 no-repeat; }
a.nighticon { float: left; display: block; width: 40px; height: 27px; background: url(../image/daynight.png) -80px 0 no-repeat; }
a.nighticon:hover { background-position: -120px 0; }
a.nighticon1 { float: left; display: block; width: 40px; height: 27px; margin-right: 10px; background: url(../image/daynight.png) -120px 0 no-repeat; }


.J_time_content { width: 612px; margin: 30px 5px 5px; height: 23px; position: relative; left: 0; top: 0; }
.J_timmbox { position: absolute; top: -22px; left: 120px; z-index: 40px; width: 40px; height: 18px; line-height: 18px; text-align: center; border: 1px solid #4f4f4f; }
.J_time_bar { width: 600px; height: 23px; position: absolute; }
.J_time_night { width: 576px; height: 23px; margin-left: 12px; background: url(../image/timebar.gif) repeat-x 0 3px; }
.J_time_day { position: absolute; width: 576px; height: 23px; margin: -20px 0 0 12px; background: url(../image/timebar.gif) repeat-x 0 -32px; }
.J_time_line { position: absolute; left: 12px; top: 4px; z-index: 15; width: 576px; height: 17px; }

.J_time_lbar { position: absolute; left: 0px; top: 1px; z-index: 20; width: 13px; height: 23px; background: url(../image/timeslider.gif) no-repeat -13px 0; overflow: hidden; cursor: pointer; }
.J_time_rbar { position: absolute; left: 576px; top: 1px; z-index: 20; width: 13px; height: 23px; background: url(../image/timeslider.gif) no-repeat 0 0; overflow: hidden; cursor: pointer; }
.J_time_num { width: 620px; height: 20px; margin-left: 12px; }
.J_time_num ul li { float: left; width: 40px; padding-right: 56px; height: 20px; line-height: 20px; margin-right: 0; text-align: left; }
.J_time_num ul li.last_one { padding-right: 0; }

.J_time_tips { width: 620px; height: 24px; margin: 10px 0 0 12px; }
.J_time_tips ul li { height: 24px; line-height: 24px; background: url(../image/timeslider.gif) no-repeat 0 -23px; text-indent: 15px; padding-right: 10px; }
.J_time_tips ul li.tipimg1 { background-position: 0 -23px; }
.J_time_tips ul li.tipimg2 { background-position: 0 -47px; }

/*DDNSConfig_style*/
.J_upnp_statusp { float: left; width: 205px; position: relative; left: 0; top: 0; }
.J_upnp_status { position: absolute; left: 0px; top: 0px; padding: 0; border: 2px solid #95989D; }
.J_upnp_status h1 { width: 205px; height: 20px; line-height: 20px; text-indent: 10px; color: #FFF; font-size: 12px; font-weight: bold; }
.J_upnp_status ul { display: inline-block; width: 205px; margin: 0; padding: 0; }
.J_upnp_status ul li { clear: both; width: 200px; padding: 5px 0 0 5px; line-height: 16px; }
.J_upnp_status ul li .J_upnp_litext { float: left; width: 125px; word-wrap: break-word; line-height: 16px; }
.J_upnp_status ul li .J_upnp_livalue { float: right; width: 65px; text-align: left; line-height: 16px;  }
.J_color_green { color: #0d4b00; }
.J_color_red { color: #741415; }

/*ipAuthorityConfig_style*/
.J_ipauthor_con { padding: 10px 0 0; }
.J_ipbox { width: 158px; height: 20px; padding: 0px; margin: 2px 4px 0 0; border: 1px solid #A5A5A5; text-align: left; }

/*logManageConfig_style*/
.J_log_ul { margin-left: 5px; }
.J_log_ul ul { width: 100%; clear: both; }

/*3gnetConfig_style*/
.J_3g_tabcon { padding: 10px 0 0; }
.J_3g { float: left; width: 240px; padding-left: 10px; }
.J_mobile_con { width: 150px; padding-left: 80px; }
.J_mobileinput { float: left; width: 124px; }
.J_sub_con .J_mobilebox { float: left; width: 114px; height: 200px; line-height: 20px; padding-left: 4px; margin-right: 4px; border: 1px solid #A5A5A5; overflow-y: scroll; }
.J_sub_con .J_mobilebox li { clear: both; }
.J_mobileicon { float: left; }
.J_progressLine { float: left; display: block; width: 120px; height: 10px; margin: 8px 10px auto auto; border: 1px solid #C5C5C5; }
.J_color_green { display: block; width: 0px; height: 10px; background: green; }

/*backupConfig_style*/
.J_positon01 { float: left; width: 100%; position: relative; left: 0; top: 0; }
.J_positon02 { position: absolute; left: 0px; top: 0; }

/*intellentConfig_style*/
.J_scene_left { float: left; width: 402px; }
.J_scene_vedioNode { width: 402px; height: 302px; position: relative; left: 0; top: 0; overflow: hidden; }
.J_scene_vediobox { width: 400px; height: 300px; position: absolute; left: 1px; top: 1px; overflow: hidden; }
.J_scene_boatbox { width: 402px; }

.J_boat { width: 80px; height: 80px; margin-top: 4px; background: url(../image/boat1.gif) no-repeat 0 0px; text-align: left; overflow: hidden; }
.J_boat div { position: relative; width: 40px; height: 25px; text-align: left; cursor: pointer; }
.J_boat .boat1 { top: 2px; left: 20px; }
.J_boat .boat2 { top: -5px; left: 0px; width: 30px; height: 35px; }
.J_boat .boat3 { top: -35px; left: 30px; width: 22px; height: 22px; }
.J_boat .boat4 { top: -58px; left: 48px; width: 30px; height: 36px; }
.J_boat .boat5 { top: -66px; left: 20px; }
.img1 { background-position: 0 -80px; }
.img2 { background-position: 0 -160px; }
.img3 { background-position: 0 -240px; }
.img4 { background-position: 0 -320px; }
.img5 { background-position: 0 -400px; }

.J_scene_addicon, .J_scene_reduceicon { float: left; display: block; width: 28px; height: 28px; background: url(../image/sidebar4.gif) no-repeat 0 -199px; }
.J_scene_addicon:hover { background-position: -28px -199px; }
.J_scene_reduceicon { background-position: 0 -227px; }
.J_scene_reduceicon:hover { background-position: -28px -227px; }
.J_scene_text { float: left; width: 70px; height: 28px; line-height: 28px; text-align: center; }
.J_scene_right { float: left; padding-left: 10px; width: 380px; }
.J_scene_tabbox { width: 100%; height: 22px; }
.J_scene_tabbox li { float: left; width: 153px; height: 22px; line-height: 22px; margin-right: 6px; font-size: 12px; text-align: center; cursor: pointer; }
.J_scene_tabbox li.linow { color: #FFF; font-weight: bold; }
.J_scene_tabbox li.liright { float: right; width: 250px; height: 26px; line-height: 26px; margin-top: -8px; margin-right: 0; }
.J_scene_tabbox li.liright span { float: right; display: block; margin-right: 4px; }
.J_btn_copy { float: right; width: 50px; margin: 0; }

.J_scene_tabbox_con { width: 380px; height: 280px; }
.J_scene_tabbox_items { width: 370px; height: 241px; }
.J_scene_name, .J_scene_only_name { display: block; width: 100px; margin: 0 auto; word-break: break-all; word-wrap: break-word; text-align: center; height: 20px; overflow: hidden; cursor: text; }
.J_scene_only_name { width: 250px; cursor: default; }

.J_scene_setcon { width: 380px; clear: both; }
.J_scene_set_item { float: left; width: 190px; height: 26px; margin: 0 0 10px 0; overflow: hidden; }
.J_scene_set_item span { float: left; display: block; width: 70px; line-height: 26px; }
.J_scene_set_item a { width: 50px; margin: 0 4px 0 0; }
.J_scene_setbtn { float: left; display: block; width: 42px; height: 20px; line-height: 20px; background: url(../image/sidebar4.gif) no-repeat -110px -134px; text-align: center; text-decoration: none; margin-right: 4px; color: #000; }
.J_scene_setbtn:hover { background-position: -110px -154px; }
.J_scene_acon { line-height: 30px; font-weight: bold; }
.J_scene_acon_disable { color: #ACA899; text-shadow: #FFF 1px 1px 0; }

/*intellentConfig_rule_style*/
.J_rule_top { height: 26px; margin-bottom: 10px; }
.J_rule_top span { float: left; display: block; height: 26px; line-height: 26px; margin-right: 5px; }
.J_rule_content { width: 100%; padding-top: 15px; position: relative; left: 0; top: 0; }
.J_rule_tabtop { width: 100%; }
.J_ruler_r { height: 302px; padding: 0 0 0 410px; }
.J_rule_set { height: 273px; padding: 5px 0 0 5px; border: 1px solid #4F4F4F; }
.J_rule_set h1 { width: 100%; height: 20px; line-height: 20px; font-weight: bold; font-size: 12px; }
.J_rule_right { float: left; }
.J_rule_right h1 { width: 100%; height: 20px; line-height: 20px; font-weight: bold; font-size: 12px; }
.J_rule_date { float: left; margin-right: 10px; }
.J_rule_date span { line-height: 24px; }
.J_rule_span_item { float: left; display: block; width: 90px; }
.J_rule_span_item1 { float: left; display: block; }
.J_rule_borderck { border: 1px solid #A5A5A5; width: 150px; height: 40px; padding: 4px; }
.J_rule_borderck p { float: left; width: 74px; }
.J_rule_right p { clear: both; line-height: 24px; }
.J_ruler_left { position: absolute; left: 0; top: 15px; }
.J_ruler_filter { clear: both; width: 375px; padding-top: 5px; }
.J_rule_public { clear: both; width: 375px; }
.J_rule_public ul li { float: left; line-height: 26px; margin-bottom: 2px; margin-right: 4px; }
.J_ruler_filter h1 input { float: left; display: block; margin-top: 4px; margin-top: 0px; margin-right: 4px; }
.J_ruler_filter h1 label { float: left; display: block; }
.J_parameter_btn { clear: both; }
.J_boldline { width: 380px; border-top: 1px solid #B5B5B5; font-weight: bold; }
.J_sliderbg { float: left; width: 80px; height: 15px; margin-top: 7px; background: url(../image/sidebar4.gif) no-repeat -64px -204px; }
.J_slderblock { width: 7px; height: 15px; background: url(../image/sidebar4.gif) no-repeat -68px -227px; }
.J_slderdisable { position: absolute; top: 220px; left: 250px; width: 300px; height: 70px; opacity: 0; filter: alpha(opacity=0); }
/*.NewVedioP1{position:absolute; top:37px; *top:50px; left:184px; width:400px; height:300px; background:#7f7f7f;}
.NewVedioP2{position:absolute; top:240px; *top:253px; left:190px; width:400px; height:300px; background:#7f7f7f;}
*/
/* all public style */
.J_float_l { float: left; display: block; }
.J_floatr { float: right; }
.J_clearb { clear: both; }
.J_hidden { overflow: hidden; }
.liney { background: url(../image/lineZ.gif) 0 -238px no-repeat; }
.J_tip_red { color: #b20101; }
.J_tip_green { color: #45ac00; }
.J_colorgray { color: #373737; }
.J_blodtext { font-weight: bold; }
.J_hide { display: none; }
.J_cursor_text { cursor: text; }
.J_word_wrap { word-wrap: break-word; word-break: break-all; }

.J_padall6 { padding: 6px; }
.J_padall10 { padding: 10px; }
.J_padl18 { padding-left: 18px; }
.J_padl20 { padding-left: 20px; }
.J_padl26 { padding-left: 26px; }
.J_padl40 { padding-left: 40px; }
.J_padl50 { padding-left: 50px; }
.J_padl148 { padding-left: 148px; }
.J_padl150 { padding-left: 150px; }
.J_padt0 { padding-top: 0; }
.J_padt5 { padding-top: 5px; }
.J_padb0 { padding-bottom: 0; }
.J_padb10 { padding-bottom: 10px; }
.J_mart0 { margin-top: 0; }
.J_mart2 { margin-top: 2px; }
.J_mart5 { margin-top: 5px; }
.J_mart6 { margin-top: 6px; }
.J_mart10 { margin-top: 10px; }
.J_mart28 { margin-top: 28px; }
.J_mart30 { margin-top: 30px; }

.J_marl5 { margin-left: 5px; }
.J_marl10 { margin-left: 10px; }
.J_marl20 { margin-left: 20px; }
.J_marl25 { margin-left: 25px; }
.J_marl50 { margin-left: 50px; }
.J_marl80 { margin-left: 80px; }
.J_marl100 { margin-left: 100px; }
.J_marl110 { margin-left: 110px; }
.J_marl120 { margin-left: 120px; }
.J_marl130 { margin-left: 130px; }
.J_marl150 { margin-left: 150px; }
.J_marl175 { margin-left: 175px; }
.J_marl180 { margin-left: 180px; }
.J_marb4 { margin-bottom: 7px; }
.J_marb10 { margin-bottom: 10px; }
.J_marr4 { margin-right: 4px; }
.J_marr20 { margin-right: 20px; }

.J_wid8p { width: 8%; }
.J_wid10p { width: 10%; }
.J_wid14p { width: 14%; }
.J_wid15p { width: 15%; }
.J_wid16p { width: 16%; }
.J_wid20p { width: 20%; }
.J_wid21p { width: 21%; }
.J_wid22p { width: 22%; }
.J_wid23p { width: 23%; }
.J_wid25p { width: 25%; }
.J_wid27p { width: 27%; }
.J_wid30p { width: 30%; }
.J_wid40p { width: 40%; }
.J_wid50p { width: 50%; }

.J_width10 { width: 10px; }
.J_width24 { width: 24px; }
.J_width35 { width: 35px; }
.J_width40 { width: 40px; }
.J_width45 { width: 45px; }
.J_width50 { width: 50px; }
.J_width58 { width: 58px; }
.J_width60 { width: 60px; }
.J_width62 { width: 62px; }
.J_width70 { width: 70px; }
.J_width74 { width: 74px; }
.J_width76 { width: 76px; }
.J_width80 { width: 80px; }
.J_width100 { width: 100px; }
.J_width114 { width: 114px; }
.J_width120 { width: 120px; }
.J_width140 { width: 140px; }
.J_width150 { width: 150px; }
.J_width156 { width: 156px; }
.J_width160 { width: 160px; }
.J_width170 { width: 170px; }
.J_width174 { width: 174px; }
.J_width185 { width: 185px; }
.J_width200 { width: 200px; }
.J_width210 { width: 210px; }
.J_width220 { width: 220px; }
.J_width300 { width: 300px; }
.J_width335 { width: 335px; }
.J_width494 { width: 494px; }
.J_width550 { width: 550px; }
.J_width600 { width: 600px; }
.J_width700 { width: 700px; }
.J_width750 { width: 746px; }
.J_width780 { width: 780px; }

.J_height35 { height: 35px; }
.J_height80 { height: 80px; }
.J_height100 { height: 100px; }
.J_height155 { height: 155px;overflow:scroll; }
.J_height180 { height: 179px; }
.J_height200 { height: 200px; }
.J_height240 { height: 240px; min-height: 260px;}
.J_overflow {overflow:auto;}
.alarm_alarmOut_mode_radio{float: left;}
.alarm_alarmOut_mode_radio li{height:20px;margin-right:10px;}
.changeCh_mode_radio{float: left;}
.changeCh_mode_radio li{height:20px;margin-right:10px;}
.J_check_radio { width: 14px; vertical-align: middle; }
.J_check_box { width: 13px; height: 13px; vertical-align: middle; }
/* 智能球样式*/
.area { display: block; margin: 0 auto; width: 24px; height: 17px; background: url(../image/area.gif) no-repeat; }
.area:hover { background-position: 0 -17px; }
.area_on { background-position: 0 -17px; }
.area1 { margin: 0 auto; display: block; width: 24px; height: 17px; background: url(../image/area.gif) no-repeat 0 -17px; }

/* Download Plugin */
.J_download_plugin { position: absolute; width: 100%; top: 50%; color: #b1b1b1; font-size: 14px; text-align: center; }
.J_download_plugin a { display: inline-block; display: inline; zoom: 1; padding: 4px 20px 4px 28px; background: url(../image/pbbbtn.gif) -245px -59px no-repeat; color: #FFF; text-decoration: underline; text-align: center; }
.J_download_plugin a:hover { background-position: -245px -355px; color: #ffdf2d; text-decoration: none; }

/* Begin VNPConfig */
#page_VPNConfig .vpn_cert_submit { display: none; }
#page_VPNConfig .vpn_cert_browser, #page_VPNConfig .vpn_cert_upload { display: inline-block; width: 60px; height: 20px; line-height: 20px; overflow: hidden; border: 1px solid #464646; background: url(../image/btnbg.gif) repeat-x; color: #000; font-size: 12px; cursor: pointer; text-align: center; }
#page_VPNConfig .btn_hover, #page_VPNConfig .vpn_cert_browser:hover, #page_VPNConfig .vpn_cert_upload:hover { border: 1px solid #010102; background-position: 0 -24px; }
#page_VPNConfig .vpn_certificate_file_wrap { float: left; position: relative; display: inline; margin-left: 4px; overflow: hidden; line-height: 20px; }
#page_VPNConfig .vpn_cert_file { position: absolute; display: none; top: 0; right: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; font-size: 20px; }
#page_VPNConfig .vpn_cert_path { float: left; }
/* End VNPConfig */

/*teleLogManage*/
.J_teleport_input { width: 40px; height: 16px; }
.J_teleLog_chebox { margin: 3px 3px 3px 4px; }
.spdj{min-height: 420px;}
.dcdr{ border: 1px solid #b1b1b1;min-height: 155px;}
.schedule_tabs{min-height: 500px;}
.schedule_ftp_tabs{min-height: 320px;border: 1px solid #b1b1b1;}
.page_config .J_sub_tabcon {height:auto;min-height: 520px;}
.page_config .J_current { }
.video_tab_title,.remote_tab_title, .camera_tab_title,.remoteDevice_tab_title, .invade_tab_title,.videoDetect_tab_title, .alarm_tab_title,.changeCh_tab_title, .abnormal_tab_title, .schedule_tab_title, .rs_tab_title, .general_tab_title, .user_tab_title { }

.WangChuanTab{border-bottom:2px solid #6daee7; font-weight: bold;}
.J_invade_right{float: right;position: relative;}
.J_invade_right1{float: right;position: relative;width: 350px;}
.tiaoZ{border: 0px solid #b1b1b1;width: 315px;height: 25px;border-top: 0px;border-left: 0px;border-right: 0px;}
.J_preview_zn{ text-align: left;width: auto;height: 450px;}
.J_subtab .J_sub_list .J_current{border-bottom: 2px solid #6daee7; }
.schedule{width: 50px;}
.J_recordp_week.ul{float: left;}
#weekSet ul{float: left;}

.updateblock
{
    position:absolute; 
	top:0; 
	left:0; 
	width: 100%;
	height: 100%;
	background-color:#343434;
	filter:Alpha(opacity=40);
	opacity:0.4;
	z-index:10000;
}
/**RemoteDevice**/
.ui-table-container {
    width: 100%;
    height: 200px;
    border-top:1px solid #d7dce0;
    overflow:scroll;
}
.J_sub_con_button a{color:#373737; text-align:center;width:105px;height:25px;line-height:25px;float:left;background:url("../image/img/btnbg3.png") no-repeat;font-family:"宋体";margin-right:5px; }
.J_sub_con_button a:hover{color:#fff; text-align:center;width:105px;height:25px;line-height:25px;float:left;background:url("../image/img/btnbg4.png") no-repeat;font-family:"宋体";margin-right:5px; }