@charset "utf-8";
/* container debug */
.device_container_padding { width:980px; padding:15px 16px; }
.displayOn { display:block; }
.displayOff { display:none; }
/*device_content_article*/
.device_content_article { display:block; padding:20px; }
.device_content_article ul { margin:10px 0 10px 8px; }
.device_content_article ul li { margin-left: 8px; background: url(/css/images/basic_icon/square_list.gif) 0 6px no-repeat; padding-left:12px; line-height:20px; }
.device_content_article .failed_align_c { text-align:center; padding:0; display:block;min-height: 300px; }
.device_content_article .failed_align_c .failed_list { width:60%; text-align:left; margin:0 auto; padding:0; display:block; }
.device_content_article .loading_align_c { text-align:center; padding-top:100px; display:block; min-height: 300px;}
.device_content_article .loading_align_c img { text-align:center; display:block; padding-bottom:5px; margin:0 auto; clear:both; }
.device_content_article .loading_align_c p { text-align:center; display:block; padding-bottom:5px; margin:0 auto; clear:both; }
.device_content_article .loading_aling_l { display:block; min-height: 300px;}
.device_content_article .loading_aling_l b { border-bottom:#CCC 1px solid; text-align:center; display:block; padding:15px 0; margin-bottom:10px; }
.device_content_article .loading_aling_l img { vertical-align:middle; }
.device_content_article .loading_aling_l p { text-align:left; margin-bottom:5px; display:block; }
.device_content_article .loading_aling_l p span.description_title { float:left; height:100%; text-align:left; margin:0 5px 35px 0; display:block; font-weight: bold; white-space:nowrap; }
.device_content_article .loading_aling_l span.pic { float:left; width:289px; text-align:left; display:block; padding-right:15px; }
.device_content_article .loading_aling_l span.post { float:left; width:300px; text-align:left; display:block; }
.device_content_article .loading_aling_l span.post li { list-style:none; }
.device_content_article .loading_aling_l span.post li i { float:left; width:15px; text-align:left; display:block; }
.device_content_article .loading_aling_l span.post li span { width:285px; float:left; text-align:left; display:block; }
.device_content_article .loading_aling_l span.step_board { width:280px; text-align:left; display:block; }
.device_content_article .loading_aling_l span.step_board ul { list-style:none; margin:0; padding:0; }
.device_content_article .loading_aling_l span.step_board li { list-style:none; margin:0; background:none; padding:5px; }
.device_content_article .loading_aling_l span.step_board li.step_title { list-style:none; height: 22px; border: 1px solid #CCC; margin:5px 0; padding: 2px 10px; font-weight: bold; line-height: 22px; background: url(/css/images/basic_content/htab.gif) repeat-x; }
.device_content_article .loading_aling_l span.form_board { text-align:left; display:block; border: 1px solid #CCC; }
.device_content_article .loading_aling_l span.form_board ul { float:left; width:50%; list-style:none; margin:0; padding:0; }
.device_content_article .loading_aling_l span.form_board li { list-style:none; margin:0; background:none; padding:5px 10px; }
.device_content_article .loading_aling_l span.form_board li.form_title { list-style:none; height: 22px; border-bottom: 1px solid #CCC; margin:5px 0; padding: 2px 10px; font-weight: bold; line-height: 22px; background: url(/css/images/basic_content/htab.gif) repeat-x; }
.device_content_article .loading_aling_l span.form_hightlight { list-style:none; display:block; border: 1px solid #CCC; padding: 5px; background: #EEE; }
.device_content_article .loading_aling_l .upgrade_step_board { padding:20px 0px; text-align:left; display:block; }
.device_content_article .loading_aling_l .upgrade_step_board .upgrade_step_title { vertical-align:middle; }
.device_content_article .loading_aling_l .upgrade_step_board .upgrade_step_title img { float:left; }
.device_content_article .loading_aling_l .upgrade_step_board .upgrade_step_title strong { float:left; width: 495px; background-color: #ffdfdf; padding: 5px 20px; margin:15px 0 0 -10px; vertical-align:middle; text-align:left; font-weight:700; }
.device_content_article .loading_aling_l .upgrade_step_board .upgrade_step_post { width: 270px; float: left; padding: 20px 15px 0px 0px; display:block; }
.device_content_article .loading_aling_l .upgrade_step_board .upgrade_step_post p { line-height:22px; }
.device_content_article .loading_aling_l .upgrade_step_board .upgrade_step_post_full { width: 100%; padding: 20px 0 0; display:block; line-height:22px; }
.device_content_article .loading_aling_l .upgrade_step_board .upgrade_step_pic { width: 320px; float:right; padding-top: 20px; display:block; }
.device_content_article .loading_aling_l .alert { background: url(images/alert_y_bg.gif) repeat-x left; padding:5px; border: 1px solid #CCC; }
.device_content_article .loading_aling_l .alert_info { background: url(/css/images/basic_icon/icon_info.gif) no-repeat left; padding-left: 18px; }
.device_content_article .del_device { text-align: right; padding-top:70px; min-height:inherit !important;}
/*device_content_exclamation*/
.device_mask { background-color: #000000; height: 240px; width: 320px; position: absolute; top: 0px; left: 0px; /*opacity: 0.6;*//*_filter:alpha(opacity:70);*/ z-index: 5;/*	color: #FFFFFF;*/ }
.device_mask_frame { position:relative; margin:0 auto; height: 240px; width:320px; }
.device_mask_frame .device_mask_text { height:140px; width:320px; position: absolute; top: 50px; left: 1px; z-index: 10; color:#FFFFFF; text-align: center; line-height: 15px; }
.device_mask_frame .device_mask_text .device_mask_timer { margin:0 auto; height: 110px; width: 110px; background: url(images/ucp/timer.png) no-repeat; }
.device_mask_frame .device_mask_text .device_mask_exclamation { margin:0 auto; height: 110px; width: 110px; background: url(images/ucp/exclamation.png) no-repeat; }
.device_mask_frame .device_mask_text h3 { font-size: large; }
.device_mask_err_msg { display:block; width:400px; margin:0 auto; }
.device_mask_err_msg ul { margin:10px 0 10px 8px; }
.device_mask_err_msg ul li { margin-left: 8px; padding: 0px; list-style:disc; list-style-position: inside; line-height:20px; text-align:left; }
/* loading */
.loading_mask { background: #fff; position: absolute; top:0; left: 0; width: 100%; height:100%; text-align: center; opacity: 0.8; filter: alpha(opacity=80); z-index:1000; display:block; behavior: url(/css/PIE.htc); }
.liveview_loading_mask {
	background: #fff; position: absolute; top:0; left: -105px; width: 146%; *width: 145%; _width: 145%; height:60%;*height:90%;_height:90%; text-align: center; opacity: 0.8; filter: alpha(opacity=80); z-index:1000; display:block; behavior: url(/css/PIE.htc);
}
/* btn set */
a.btn_refresh { width:20px; height:20px; background: url(images/liveview_btn/refresh.png) 0 0 no-repeat; display:inline-block; color: transparent; vertical-align:middle; }
a.btn_refresh:hover { background-position:0 -20px; }

a.btn_loading { width:20px; height:20px; background: url(images/liveview_btn/loading-icon.gif) 0 0 no-repeat; display:inline-block; color: transparent; vertical-align:middle; }

a.btn_reboot { width:40px; height:20px; background: url(images/liveview_btn/reboot.png) 0 0 no-repeat; display:inline-block; color: transparent; vertical-align:middle; }
a.btn_reboot:hover { background-position:0 -20px; }


/* setup success panel */
.setup_success_panel { margin: 0 auto; width: 640px; background: #BBE0FF; margin:0 auto 15px auto; }
.setup_success_panel_close { width: 25px; height: 25px; display: block; background: url(images/setup_success_panel_close.png) no-repeat; float: right; border: 2px solid #e2f2ff; margin: 10px 10px 0px 0px; }
.setup_success_panel_close:hover { background-position: 0px 0px; border: 2px solid #fff; }
.setup_success_panel_header { float: left; padding: 15px 0px 15px 20px; }
.setup_success_panel_header b { color: #0786bd; }
.setup_success_panel_content { padding: 0px 20px 20px 20px; }
/* setup warning panel */
.setup_warning_panel { margin: 0 auto; width: 640px; background: #f9b5b5; margin:0 auto 15px auto; }
.setup_warning_panel_header { float: left; padding: 15px 0px 15px 20px; }
.setup_warning_panel_header b { color: #e94646; }
.setup_warning_panel_content { padding: 0px 20px 20px 20px; }
/* Add Device set */
.add_device_panel { display:block; }
.add_device_panel_title { background:url(images/add_device/add_device_background_01.jpg) no-repeat; padding: 50px 0 25px 60px; display:block; }
.add_device_footer { height:120px; background:url(images/add_device/add_device_background_03.png) center bottom no-repeat; display:block; }
.add_device_content { background:url(images/add_device/add_device_background_02.png) no-repeat; display:block; }
.add_device_question { display:block; padding: 20px 10px 10px 30px; }
.add_device_question ul, .add_device_question_1 li { display:block; }
.add_device_question li.question_pic1 { float:left; width:74px; height:74px; background:url(images/add_device/user2_father.png) no-repeat; display:block; margin-right:5px; }
.add_device_question li.question_pic2 { float:left; width:74px; height:74px; background:url(images/add_device/user3_mom.png) no-repeat; display:block; margin:0 5px 0 50px; }
.add_device_question li.question_pic3 { float:left; width:74px; height:74px; background:url(images/add_device/user4_grandmom.png) no-repeat; display:block; margin:0 5px 0 15px; }
.add_device_question li.question_post { float:left; display:block; }
/*no_device*/
.no_device_panel_title { background:url(images/add_device/add_device_background_01.jpg) no-repeat; padding: 68px 0 20px 60px; padding: 68px 0 10px 60px \9; display:block; }
.no_device_title { padding:85px 0 180px 0;text-align:center;}
/*question_post*/
.question_post_btn { position: relative; float:left; display:block; height: 30px; font-size: 12px; }
.question_post_btn ul { margin:0px; padding:0; list-style-type:none; }
.question_post_btn ul a { text-decoration:none; }
.question_post_btn ul li { display:block; float:left; margin:0 1px 0 0; }
.question_post_btn ul a li p { width:200px; display:block; float:left; padding:5px 10px 5px 10px; text-decoration:none; }
.question_post_btn ul a li i { position:absolute; width:18px; height:18px; top:25px; left:0; text-decoration:none; background: transparent url(images/add_device/dia_arrow.gif) no-repeat center left; cursor:pointer; z-index: 1000; }
.question_post_btn ul a:hover li i { text-decoration:none; background: transparent url(images/add_device/dia_arrow_hover.gif) no-repeat center left; cursor:pointer; }
.question_post_btn ul a:active li i { text-decoration:none; background: transparent url(images/add_device/dia_arrow_active.gif) no-repeat center left; cursor:pointer; }
.question_post_btn ul a li p { position: relative; padding: 25px 27px; margin-left: 17px; min-width: 200px; max-width: 370px; width: auto !important; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border: 1px solid #bababa; background: #F6F6F6; background: -webkit-gradient(linear, left top, left bottom, from(#fffff), to(#d6d6d6)); background: -webkit-linear-gradient(top, #ffffff, #d6d6d6); background: -moz-linear-gradient(top, #ffffff, #d6d6d6); background: -ms-linear-gradient(top, #ffffff, #d6d6d6); background: -o-linear-gradient(top, #ffffff, #d6d6d6); background: linear-gradient(top, #ffffff 0%, #d6d6d6 100%); -pie-background: linear-gradient(top, #ffffff, #d6d6d6); text-decoration: none; vertical-align: middle; cursor:pointer; *display:inline;
display:inline-block; *float:left;
behavior: url(/css/PIE.htc); }
.question_post_btn ul a:hover li p { position: relative; /*x-width: 410px;*/ margin-left: 17px; border: 1px solid #13829e; text-shadow: #156073 0 1px 0; background: #057a91; background: -webkit-gradient(linear, left top, left bottom, from(#1cacd0), to(#057a91)); background: -webkit-linear-gradient(top, #1cacd0, #057a91); background: -moz-linear-gradient(top, #1cacd0, #057a91); background: -ms-linear-gradient(top, #1cacd0, #057a91); background: -o-linear-gradient(top, #1cacd0, #057a91); background: linear-gradient(top, #1cacd0 0%, #057a91 100%); -pie-background: linear-gradient(top, #1cacd0, #057a91); color: #ffffff; cursor:pointer; behavior: url(/css/PIE.htc); }
.question_post_btn ul a:active li p { position: relative; margin-left: 17px; text-shadow: #595959 0 1px 0; border: 1px solid #13829e; background: #1cacd0; background: -webkit-gradient(linear, left top, left bottom, from(#057a91), to(#057a91)); background: -webkit-linear-gradient(top, #057a91, #1cacd0); background: -moz-linear-gradient(top, #057a91, #1cacd0); background: -ms-linear-gradient(top, #057a91, #1cacd0); background: -o-linear-gradient(top, #057a91, #1cacd0); background: linear-gradient(top, #057a91 0%, #1cacd0 100%); -pie-background: linear-gradient(top, #057a91, #1cacd0); color: #ffffff; cursor:pointer; behavior: url(/css/PIE.htc); }
.add_device_expand_drawer { background: #e6f6f9; border-top: #9bdfee 3px solid;  border-bottom: #9bdfee 3px solid; padding: 10px 0px; display:block;}
.add_device_expand_drawer ul { display: block;}
.add_device_expand_drawer li { display: block; padding: 0 30px; list-style: none; }
.expand_question_panel{ display: block;}
.expand_question_panel dl{ display: block; margin:0; padding:0;}
.expand_question_panel dt{ float:left; display: block; }
.expand_question_panel dd{ float:left; width:290px; padding: 60px 0 0 30px; display: block;}
/* Add "..." for long string */
.ellipsis { white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis;/* for opera */ text-overflow:ellipsis; word-wrap:normal;}
/* Add min_content min-height */
#win_content { min-height:400px;}
#win_content .padding_bottom_15 { min-height:auto;}
/*Devices Loading Animation */
.device_list_loading{background-image:url(images/cloud_loading.gif); width:250px; height:300px;margin:0 auto; margin-bottom:100px; margin-top:40px;}
/*QuestionMark Button bullet icon */
.questionmark_icon{ margin-right:5px; float:left;}

/*Devices Loading Animation */
.device_list_loading.gif{background-image:url(images/cloud_loading.gif); width:250px; height:300px;margin:0 auto; margin-bottom:100px; margin-top:40px;}

/*QuestionMark Button bullet icon */
.questionmark_icon{ margin-right:5px; float:left;}


.device_error{ width: 100%; margin:0 auto;}
.device_error_cloud{ width:447px; height:345px; margin:0 auto; margin-top:15px;}
.device_error h5{ font-family:Verdana, Geneva, sans-serif; text-align:left; padding:5px 0 20px 0;line-height:28px; font-size:15px;}