@charset "utf-8";
/* header  begin*/
.pageheader {position:fixed;top:0;z-index:99999;width:100%; margin:0 auto;min-width:1280px; max-width:1440px; height: 70px;left:0px;right:0px; background: #fff; box-shadow: 0 6px 10px rgba(0,0,0,0.15); overflow:visible; }
.headerInner { height: 73px\9; background:url(../images/headerShadow.png) 0 bottom repeat-x\9; }
.pageheader .headWrapper {width: 100%;margin: 0 auto;overflow: visible;}
.headWrapper .columnList {margin-top: 10px;font-size:0;[;font-size:12px;]; [;letter-spacing:-6px;];}
.headWrapper .columnList > li {display:inline-block;vertical-align:middle; letter-spacing: normal;}
.headWrapper .logo {width:14%;}
.headWrapper .logo > a { margin-left: 10px; }
.headWrapper .navBox {width:50%; white-space: nowrap;}
.headWrapper .alarmBox {width:15%; text-align: right; }
.headWrapper .userBox {width:9%;}
.headWrapper .language { width:5%; text-align: right; }
.headWrapper .logout { width:5%; text-align: right; }
#lanChange { margin-right: 10px;}
#logoutbtn { margin-right: 10px;}
.headWrapper .navBox {line-height:50px;}
.headWrapper .navLinks {display: inline-block;font-size:0;}
.headWrapper .navLinks > li { position: relative; display:inline-block;padding: 0 12px;}
.headWrapper .navLinks > li > a {font-size:16px;color:#000;}
.headWrapper .navLinks > li.curNav > a {color:#009ae7;}
.navMenu { display: none; position: absolute; top: 60px; top:59px\9\0; min-width: 160px; background: #fafafa; border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 0; border: 1px solid #e5e5e5\9; box-shadow: 0 4px 7px rgba(0,0,0,0.3); overflow: visible; z-index:99999; }
.navMenuInner { padding: 15px 10px; background:url(../images/navmenuBg.png) 0 0 repeat-x; overflow: hidden; }
.navMenuInner a { display: block; height: 24px; padding: 0 20px; color: #777; font-size: 12px; line-height: 24px; }
.navMenuInner a:hover { color: #009ae7;}
.navMenuBlock , .navMenuGroup { display: inline-block;}
.navMenuGroup { width: 120px; overflow: hidden;}
.navMenuSubMenu { padding: 0 20px; margin-bottom: 10px; color: #444; line-height: 20px; font-size: 14px; font-weight: bold; }
.navArrow { position: absolute; left: 50%; top: -13px; width: 25px; height: 16px; margin-left: -12px; background:url(../images/headerArrow.png) 0 0 no-repeat; }
.alarmName {margin-right:20px;font-size: 14px;}
.headWrapper .alarmList { margin-right: 5px; font-size:0;}
.headWrapper .alarmList > li , .alarmList > li {display:inline-block;vertical-align: middle;height: 16px;line-height: 17px;padding-right:10px;}
.headWrapper .alarmList > li span , .alarmList > li span {display:inline-block;height:16px;padding-left: 20px; font-size:12px;color:#333;vertical-align:top;}
.headWrapper .aUrgent , .aUrgent {background:url(../images/urgent.png) no-repeat;}
.headWrapper .aImportant , .aImportant {background:url(../images/important.png) no-repeat;}
.headWrapper .aOrdinary , .aOrdinary {background:url(../images/ordinary.png) no-repeat;}
.headWrapper .aNormal , .aNormal {background:url(../images/normal.png) no-repeat;}
.headWrapper .aPrompt , .aPrompt {background:url(../images/prompt.png) no-repeat;}
.userWrap { border-left: 1px solid #ededed; border-right: 1px solid #ededed; padding-left: 15px;}
.headWrapper .welcomeUser {padding:15px 5px 15px 17px;background:url(../images/user.png) 0 center no-repeat; cursor: pointer; }
.headWrapper .welcomeUser > .arrowDown {display:inline-block; box-sizing: border-box; max-width: 85px; padding-right: 12px; white-space: nowrap; font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
.actionWrap { height: 35px; margin-right: 10px; padding: 15px 10px 0 0; border-right: 1px solid #ededed; }
#lanChange { white-space: nowrap; font-size: 12px; color: #666; cursor: pointer; }
#logoutbtn { white-space: nowrap; font-size: 12px; color: #666; cursor: pointer; }
.loginPrompt {color: #f00; }
/* header  end*/

/* frame style */
.fullScreenBody {overflow-y:inherit;background-color: #d7d7d7;}
.adaptiveContainer {width: 100%;min-width: 1280px;max-width: 1440px;margin: 0 auto;}
.container { margin:70px auto 0; padding-left:20px;padding-right:20px; background-color: #fafafa;}
.asideMenu {display: inline-block; width: 216px;height: 100%; background: url(../images/asideBg.png) 50% 0 repeat-y; overflow: hidden; }
.mainCon { margin: 0 10px; }
.mainConRight { display: inline-block; padding-left:20px; width: 80%; }
.mainConOverview { width: 100%;}
#progressBar { height: 12px; width: 200px; border:1px solid #ccc; border-radius: 10px; display: inline-block; margin-top: 2px;overflow: hidden; }
#progressColor { height: 12px; border-radius: 10px; background: #5ecc49; width: 0px; }
/* home */
.mainHeader  { height: 30px; padding-top: 15px; border-bottom: 1px solid #e8e8e8; }
.mainHeaderText { color: #999; font-size: 18px; }
.headerDesc { margin-left: 20px; line-height: 24px; color: #666; font-size: 12px; white-space: nowrap; }
.headerToolBar { float: right; height: 30px; text-align: right; }
.toolHelp { display: inline-block; width: 20px; height: 14px; margin-top: 8px; background:url(../images/helpIcon.png) 0 0 no-repeat; overflow: hidden; cursor: pointer; }
.toolRefresh { display: inline-block; width: 40px; height: 16px; margin-top: 8px; background:url(../images/refreshBtn.png) 0 0 no-repeat; overflow: hidden; cursor: pointer; }
.content { margin-top: 20px; font-size: 0; [;font-size:12px;]; [;letter-spacing:-6px;];}
.partitionList > li { display: inline-block; box-sizing: border-box; width: 50%; padding-right: 10px; font-size:12px; letter-spacing: normal; }
.partitionList > li.odd { padding-right:0; padding-left: 10px;}
.normalPanel { border:1px solid #e3e3e3; border-radius:4px; font-size: 12px;margin-top: 10px; }
.panelHeader , .normalPanel .panelHeader { height: 42px; margin: 0 20px; border-bottom: 1px solid #e3e3e3; line-height: 42px; }
.panelHeaderTitle {font-size: 16px; color: #333;}
.panelCon, .normalPanel .panelCon { margin: 15px 20px; }
.normalPanel .panelPhyCon { margin: 15px 10px; }
.noborderPanel .panelHeader { margin: 0; border-bottom: none; }
.noborderPanel .panelCon { margin: 5px 0 20px; }
.mgRight10 { margin-right: 10px; }
.mgLeft10 { margin-left: 10px;}
.addPanelBox { position: relative; width: 100%; height: 252px; }
.partitionLeft , .partitionRight { display: table-cell; }
.partitionLeft { width: 25%; border-right: 1px solid #e3e3e3; }
.partitionRight { width: 75%;  }
.inforGrid td { padding: 2px 5px 3px 0; font-size: 12px; vertical-align: top; }
.gridLabel {white-space:nowrap; color: #666;}
.gridValue { color: #333; }
.confirmDialog {color: #666;}
.gridRequired { text-align: center; color: #fc5043;}
.partitionRInner { padding-left: 20px;}
.infoSpecialText { color: #009ae7; }
.editIcon { display: inline-block; width: 16px; height: 16px; margin-top: 4px; margin-left: 8px; background:url(../images/edit.png) 50% 50% no-repeat; cursor: pointer; }
.partitionIcon { height: 54px; margin-top: 45px; background: url(../images/PattitionIcon.png) 50% 0 no-repeat; }
.inactive , .active { display: inline-block; margin: 10px 0 5px 40px; padding-left: 15px; background: url(../images/grayPoint.png) 0 50% no-repeat; color:#000; clear:both; }
.active { background-image: url(../images/greenPoint.png);}
.processText { margin-top: 5px; color: #000; text-align: center; }
.partitionProcess { text-align: center; }
.processBox { display:  inline-block; position: relative; width: 70px;  height: 9px; background: #ddd; border-radius: 4px; overflow: hidden; }
.processValue{ position: absolute; left:0; top:0; width: 0; height: 100%; background: #5ecc49; }
.mgTop10 { margin-top: 10px; }
.btnLeftGroup .uBtn { margin: 4px 6px 4px 6px;}
.logicBtnLeftGroup .uBtn { margin: 0px 6px 4px 6px;}
.logicBtnTotalLeftGroup .uBtn { margin: 0px 0px 0px 6px;}
.btnCenterGroup { text-align: center; }
.btnCenterGroup > .uBtn { margin: 0 3px; }
.popwinContent { padding: 20px; }
.npPopInptWidth { display: inline-block; width: 200px; }
.gridValue .ostypeWidth { display: inline-block; width: 295px; }
.vDiskInptWidth { display: inline-block; width: 88px; }
.portInptWidth { display: inline-block; width: 188px; }
.npPopTextareaWidth { width: 100%; }
.resSelectList { display: inline-block; white-space: nowrap; }
.resSelectList > li { display: inline-block; width: 48px; height: 24px; margin-right: 10px; border: 1px solid #c3c3c3; background: #fff; line-height: 24px; text-align: center; color: #333; font-size: 12px; cursor: pointer; }
.resSelectList > li.selectedRes { border-color: #00aaff; background: #00aaff; color: #fff; cursor: default; }
.gridHelpIcon , .gridInfoIcon { display: inline-block; width: 14px; height: 14px; margin-top: 6px; background: url(../images/helpIcon.png) 0 0 no-repeat; overflow: hidden; cursor: pointer; }
.gridInfoIcon { margin-left: 10px; background-image: url(../images/infoIcon.png); }
.resBlockSelectBox { margin-top: 10px;}
.resBlockBox , .resBlockNameBox { display: inline-block; }
.resBlockNameBox { margin-left: 10px; }
.resBlockNameList > li { width: 90px; height: 50px; padding-top: 20px; overflow: hidden; }
.resBlockNameList > li span { margin-top: 20px; }
.resBlockBox { width: 290px; border-top: 1px solid #acacac; overflow: hidden; }
.resBlockList > li { height: 68px; border: 1px solid #acacac; border-top: none; background: #fff; }
.resBlock { display: inline-block; width: 120px; height: 47px; margin: 10px; border: 1px dashed #c3c3c3; line-height: 47px; text-align: center; cursor:pointer; }
.resBlock:first-child { margin-right: 0; }
.resBlockList > li.blockHover , .p4 .resBlock:hover , .p8 .resBlockList > li:hover { background: #def4ff; }
.curFrameBlock,.p4 .curFrameBlock:hover , .curFrameBlock .resBlock { background: #00aaff; border-color: #00aaff; color: #fff;  }
.blkFrameBlock,.p4 .blkFrameBlock:hover , .blkFrameBlock .resBlock { background: #dedede; border-color: #dedede; color: #fff;  }
.accordingBox { margin-top: 30px; }
.mainConRInner { padding: 10px 0; }
.tabBox { margin-top: 10px;}
.hotSwapTabBox { margin-top: 10px; width:610px; display:inline-block; }
.comFanTabCon { margin-top: 20px; }
.fanIcon , .powerIcon { width: 21px; height: 20px; margin-top: 10px; margin-left: 12px; background:url(../images/fanIcon.png) 0 0 no-repeat; }
.powerIcon { margin-top:11px; background-image: url(../images/powerIcon.png);}
.healthNormal { height: 39px; padding-left: 30px; background: url(../images/normalIcon.png) 0 50% no-repeat; font-size: 12px; color: #000; }
.gridProcess { display:  inline-block; position: relative; width: 80px;  height: 9px; margin-top: 15px; background: #ddd; border-radius: 4px; overflow: hidden; }
.gridProcessValue{ position: absolute; left:0; top:0; width: 0; height: 100%; background: #5ecc49; [;border-radius: 4px;]; }
.speedText , .rateText { margin-right: 10px; margin-left: 6px; color: #000; font-size: 12px; }
.rateText { display: inline-block; width: 60px; }
.contentInner { font-size: 12px; letter-spacing: normal; }
.powerRateGrid .gridProcess { width: 170px; }
.delIcon .uBtnLabel , .powerOnIcon .uBtnLabel , .powerOffIcon .uBtnLabel , .forcepowerOffIcon .uBtnLabel, .restartIcon .uBtnLabel , .safeRestartIcon .uBtnLabel , .kvmIcon .uBtnLabel { padding-left: 19px; background: url(../images/deleteBtnIcon.png) 0 50% no-repeat; }
.powerOnIcon .uBtnLabel { background-image: url(../images/powerOnBtnIcon.png); }
.powerOffIcon .uBtnLabel { background-image: url(../images/powerOffBtnIcon.png); }
.forcepowerOffIcon .uBtnLabel { background-image: url(../images/ForcepowerOffBtnIcon.png); }
.restartIcon .uBtnLabel { background-image: url(../images/restartBtnIcon.png); }
.safeRestartIcon .uBtnLabel { background-image: url(../images/safeRestartBtnIcon.png); }
.kvmIcon .uBtnLabel { background-image: url(../images/kvmBtnIcon.png); }
.delIcon.disabled .uBtnLabel { background-image: url(../images/dis_deleteBtnIcon.png); }
.powerOnIcon.disabled .uBtnLabel { background-image: url(../images/dis_powerOnBtnIcon.png); }
.powerOffIcon.disabled .uBtnLabel { background-image: url(../images/dis_powerOffBtnIcon.png); }
.restartIcon.disabled .uBtnLabel { background-image: url(../images/dis_restartBtnIcon.png); }
.safeRestartIcon.disabled .uBtnLabel { background-image: url(../images/dis_safeRestartBtnIcon.png); }
.kvmIcon.disabled .uBtnLabel { background-image: url(../images/dis_kvmBtnIcon.png); }

/* overview */
.systemTime {position:absolute; left: 80%;}
.overviewTab1Con { margin-top: 20px; }
.row { margin-bottom: 20px; clear: both; position:relative}
.settingIcon { display: inline-block; height: 15px; padding-left: 24px; background: url(../images/setting.png) 0 50% no-repeat; color: #009ae7; line-height: 15px; vertical-align: middle; cursor: pointer; }
.normalPanel .settingIcon { margin-top: 15px; }
.overFrameBox { position:relative}
.overFrameBox > img { margin: 0 120px; }
.alarmStatusBox , .productInfoBox, .quickEntryBox { display: inline-block; }
.alarmStatusBox { width: 34%; }
.productInfoBox { width: 34%; }
.quickEntryBox { width: 31%;float:right;}
.alarmStatusBox .normalPanel , .productInfoBox .normalPanel { margin-right: 20px; }
.quickEntryList > li { display: inline-block; width: 45%; margin: 7px 5px; margin: 6px 5px 7px\0; color: #555; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.quickEntryList > li .quickEntryIcon { width: 100%; height: 60px; background: url(../images/quickEntryBg.png) 50% 0 no-repeat; overflow: hidden; }
.quickEntryList > li.quickNet .quickEntryIcon { background-position: 50% -60px; }
.quickEntryList > li.quickPhy .quickEntryIcon { background-position: 50% -120px; }
.quickEntryList > li.quickFirmware .quickEntryIcon { background-position: 50% -180px; }
.quickEntryList1 > li { display: inline-block; width: 45%; margin: 7px 5px; margin: 6px 5px 7px\0; color: #555; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.quickEntryList1 > li .quickEntryIcon { width: 100%; height: 60px; background: url(../images/quickEntryBg1.png) 50% 0 no-repeat; overflow: hidden; }
.quickEntryList1 > li.quickNet .quickEntryIcon { background-position: 50% -60px; }
.quickEntryList1 > li.quickPhy .quickEntryIcon { background-position: 50% -120px; }
.quickEntryList1 > li.quickFirmware .quickEntryIcon { background-position: 50% -180px; }
.infoList { font-size: 0; [;font-size:12px;]; [;letter-spacing:-6px;]; }
.infoList > li { display: inline-block; width: 50%; margin-bottom: 10px; font-size: 12px; letter-spacing: normal; }
.listLabel , .listValue { margin-right: 10px; color: #666; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.listValue { color: #333; }
.listEditIcon { display: inline-block; width: 20px; height: 20px; margin-left: 5px; background: url(../images/edit.png) 50% 50% no-repeat; overflow: hidden; cursor: pointer;}
.proInfoBoxH { height: 190px; }
.alarmStatusGrid .gridLabel , .alarmStatusGrid .gridValue { padding: 5px 0; line-height: 20px; vertical-align: top; font-size: 15px; color: #666; }
.alarmStatusGrid .gridValue { color: #333; }
.uidStatusOn { display: inline-block; height: 20px; padding-left: 24px; background: url(../images/alarmStatueOn.png) 0 50% no-repeat; line-height: 20px; font-size: 16px; }
#alarmCircleChart { height: 160px; }
.circleNoData { background: url(../images/circleNoData.png) 20px 13px no-repeat; }
.overviewTab2Con { margin-top: 5px; }
.toolBarAlarmBox { float: right; text-align: right; }
.toolBarAlarmBox > .alarmList li { display: inline-block; margin-left: 5px; }
.toolBarAlarmBox > .alarmList li > span { display: inline-block; height: 16px; padding-left: 20px; line-height: 16px; text-align: left; font-size: 12px; color: #333; }
.toolBarAlarmBox > .alarmList li > span.aUrgent { background:url(../images/urgent.png) 0 50% no-repeat;}
.toolBarAlarmBox > .alarmList li > span.aImportant { background: url(../images/important.png) 0 50% no-repeat;}
.toolBarAlarmBox > .alarmList li > span.aOrdinary { background: url(../images/ordinary.png) 0 50% no-repeat;}
.toolBarAlarmBox > .alarmList li > span.aNormal { background: url(../images/normal.png) 0 50% no-repeat;}
.toolBarAlarmBox > .alarmList li > span.aPrompt { background: url(../images/prompt.png) 0 50% no-repeat;}
.toolBarFormBox { float: right; margin-left: 10px; padding-top: 9px; font-size: 12px; }
.searchInpt {  position: relative; display: inline-block; width: 210px; }
.searchInpt .Droplist { display: inline-block; width: 80px!important;  }
.searchInpt .Droplist .trigger { border-left: none; }
.searchInpt .Droplist .DroplistHeader { border-top-right-radius: 0; border-bottom-right-radius: 0;}
.searchInpt .Droplist.shown .DroplistHeader , .DroplistOption.search { border-color: #e3e3e3; }
.searchInpt .uInput { display: inline-block; width: 130px; height: 26px; margin-left: -1px; border-bottom-left-radius: 0; border-top-left-radius: 0; line-height: 26px; }
.searchInputBtn { position: absolute; right: 1px; top: 1px; width: 24px; height: 24px; background: #fff url(../images/search.png) 4px 50% no-repeat; overflow:hidden; cursor: pointer; z-index: 1; }
.refreshBtn { display: inline-block; }
.refreshBtn > .uBtn .uBtnLabel { padding-left: 22px; background: url(../images/refreshBtn.png) 0 50% no-repeat; }
.urgentIcon , .importantIcon , .ordinaryIcon, .normalIcon, .promptIcon { display: inline-block; height: 20px; padding-left: 26px; margin-top:10px; margin-left: 5px; background:url(../images/urgentB.png) 0 0 no-repeat; white-space: nowrap; line-height: 20px; color: #000; }
.importantIcon { background-image: url(../images/importantB.png); }
.ordinaryIcon { background-image: url(../images/ordinaryB.png); } 
.normalIcon { background-image: url(../images/normalB.png); } 
.promptIcon { background-image: url(../images/promptB.png); }
.tableFooterBox { margin-top: 10px; }
.gridValue .urgentIcon , .gridValue .importantIcon , .gridValue .ordinaryIcon, .gridValue .normalIcon, .gridValue .promptIcon { margin: 0; }
.vmaDataResultText ,.vmaSpaceText{word-break: break-all;}
/* component management */
.overContainer { position: relative; display:inline-block; width: 300px; left:300px;}
.overBakContainer { position: relative; display:inline-block; width: 300px; left:380px;}
.COM_FRAME_4_2 {left:450px; top: 160px;}
.COM_FRAME_3_2 {left:450px; top: 490px;}
.COM_FRAME_4 {left:260px; top: 100px;}
.COM_FRAME_3 {left:260px; top: 220px;}
.COM_FRAME {left:260px; top: 325px;}
.COM_FRAME_2 {left:260px; top: 430px;}
.COM_FRAME_1 {left:260px; top: 550px;}
.tableNoContent {font-size: 12px; }
.frameImageBox , .frameStatusBox  , .mgtframeImageBox , .mgtframeStatusBox { display: inline-block; width: 330px; margin: 20px 15px 0 0; overflow:hidden; }
.frameStatusBox { position:inherit;width:375px; left:180px;margin-right: 0; }
.mgtframeImageBox { width: 750px; }
.mgtframeStatusBox { position:relative;  width: 200px; margin: 10px 0 0 0; text-align: right; }
.frameName { margin-top: 5px; line-height: 20px; font-size: 14px; color: #333; text-align: center; }
.inforGrid .uidStatusOn { font-size: 12px;}
.comFrameTabGridItemCon { padding: 25px 20px 20px 35px; }
.secLevelGrid .foldTable .oddTR { background: #f5f5f5;}
.secLevelGrid .foldTable .evenTR { background:#f3f3f3; }
.secLevelGrid .foldTable .tableTR { border-color: #ddd; }
.comFrameTabGridItemTitle { margin-bottom: 5px; color: #333; font-size: 14px;}
.searchFile { display: inline-block; width: 15px; height: 20px; margin: 10px 0 0 5px; background:url(../images/searchFile.png) 0 50% no-repeat; overflow: hidden; cursor: pointer; }
.boardDetailPopCon { padding: 10px 20px 0; }
.boardDetailHeader { height: 35px; line-height: 35px; border-bottom: 1px solid #e3e3e3; font-size: 14px; color: #333;}
.boardDetailList { font-size: 0;[;font-size:12px;]; [;letter-spacing:-6px;];}
.boardDetailList > li { display: inline-block; width: 33.3%; height: 42px; padding-top: 8px; border-bottom: 1px dotted #ddd; letter-spacing: normal; font-size: 12px; }
.boardDetailList > li .listLabel , .boardDetailList > li .listValue { line-height: 16px; }
.comMgtGridList > li { width: 25%; }
.comMgtPowerSubHeader { margin: 15px 0 8px; color: #000; font-size: 16px; }
.workIcon , .standbyIcon { padding-left: 15px; margin-left: 5px; background:url(../images/greenPoint.png) 0 50% no-repeat; }
.standbyIcon { background-image: url(../images/grayPoint.png);}
.viosTitle { margin-top: 15px; font-size: 16px; color: #000; }
.gridAlignR { padding-right: 10px; text-align: right; }
.alarmGid {font-size:14px;vertical-align:middle;}
/* system start */
.grid-wrap { margin: 8px 0 0 5px; line-height: 20px; white-space: normal;}
tableContentContainer , #modifyRule .tableContentContainer { height: 370px; overflow:hidden;overflow-y: auto;}
tableContentContainer , #selectLoginRule .tableContentContainer { height: 370px; overflow:hidden;overflow-y: auto;}
tableContentContainer , #securityLoginRule .tableContentContainer { height: 195px; overflow:hidden;overflow-y: auto;}
tableContentContainer , #KVMAndVMMEncryptionTable .tableContentContainer { max-height:160px;overflow:hidden;overflow-y: auto;}
tableContentContainer , #userMgtTable .tableContentContainer { overflow:hidden;overflow-y: auto;}
tableContentContainer , #publicKeyMgtTable .tableContentContainer { overflow:hidden;overflow-y: auto;}
.systemLeftMenuIcon { height: 60px; padding-left: 80px; padding-top: 20px; background: url(../images/systemMgtIcon.png) 20px 24px no-repeat; font-size: 14px; }
.componentLeftMenuIcon { height: 60px; padding-left: 80px; padding-top: 20px; background: url(../images/componentIcon.png) 20px 24px no-repeat; font-size: 14px; }
.PattitionIconMenuIcon { height: 60px; padding-left: 80px; padding-top: 20px; background: url(../images/PattitionIcon.png) 20px 24px no-repeat; font-size: 14px; }
.sysSummaryBox { margin-top: 15px; color: #666; font-size: 12px;}
.summaryTitle { margin-right: 5px; color: #333; }
.computationFrameBox { margin-top: 15px; }
.frameleftBox , .frameHelpBox { display: inline-block; width: 35%; }
.frameleftBox { width: 615px; margin-right: 20px; }
.frameLegendBox { margin-top: 15px;margin-left:25px;color: #333; font-size:12px }
.frameInfoBox { margin-top: 15px;margin-left:25px;color: #333; font-size:12px }
.legendCPU, .legendRAM { display: inline-block; height: 26px; padding-left: 18px; margin-right: 20px; background:url(../images/cpuIcon.png) 0 bottom no-repeat; line-height: 38px; }
.legendRAM { background-image: url(../images/ramIcon.png); }
.statusNormal { display: inline-block; height: 15px; padding-left: 16px; margin: 15px 20px 0 0; line-height: 15px; background: url(../images/normalS.png) 0 50% no-repeat; }
.statusMajor {display: inline-block; height: 15px; padding-left: 16px; margin: 15px 20px 0 0; line-height: 15px; background: url(../images/riskS.png) 0 50% no-repeat; }
.statusCritical {display: inline-block; height: 15px; padding-left: 16px; margin: 15px 20px 0 0; line-height: 15px; background: url(../images/criticalS.png) 0 50% no-repeat; }
.statusRegin {display: inline-block; height: 15px; padding-left: 16px; margin: 15px 20px 0 0; line-height: 15px; background: url(../images/reginS.png) 0 50% no-repeat; }
.statusPowerdown {display: inline-block; height: 15px; padding-left: 16px; margin: 15px 20px 0 0; line-height: 15px; background: url(../images/powerdownS.png) 0 50% no-repeat; }
.framePanelBox { margin-bottom: 20px;}
.warning .panelTitle .titleCon , .normal .panelTitle .titleCon , .regin .panelTitle .titleCon , .critical .panelTitle .titleCon , .powerdown .panelTitle .titleCon{ padding-left: 18px; background: url(../images/riskS.png) 0 50% no-repeat; }
.normal .panelTitle .titleCon { background-image: url(../images/normalS.png); }
.regin .panelTitle .titleCon { background-image: url(../images/reginS.png); }
.critical .panelTitle .titleCon { background-image: url(../images/criticalS.png); }
.powerdown .panelTitle .titleCon { background-image: url(../images/powerdownS.png); }
.hotplugFrameBox { position: relative; height: 400px; margin: 15px 0 5px; background: #f5f5f5; }
.cpuBox , .ramBox { display: inline-block; position: absolute; width: 40px; height: 40px; background: url(../images/cpuBg.png) 0 0 no-repeat; overflow: hidden; cursor: pointer; }
.ramBox { height: 156px; background-image: url(../images/ramBg.png);}
.cpuBox > div , .ramBox > div, .cpuBox > span , .ramBox > span { display: inline-block; position: absolute; left:0; top: 0; width: 100%; height: 100%; z-index:2; }
.cpuBox > div , .ramBox > div { z-index: 1; }
.ramBox > span { height: 40px;}
.cpuBox.warning > span , .ramBox.warning > span { background: url(../images/riskS.png) 50% 50% no-repeat; }
.cpuBox.normal > span , .ramBox.normal > span { background: url(../images/normalS.png) 50% 50% no-repeat;}
.cpuBox.regin > span , .ramBox.regin > span { background: url(../images/reginS.png) 50% 50% no-repeat; }
.cpuBox.powerdown > span , .ramBox.powerdown > span { background: url(../images/powerdownS.png) 50% 50% no-repeat;}
.cpuBox.critical > span , .ramBox.critical > span { background: url(../images/criticalS.png) 50% 50% no-repeat; }
.cpuBox.removed > span { background: url(../images/cpuRemoved.png) 0 0 no-repeat; }
.ramBox.removed > span { height: 100%; background: url(../images/ramRemoved.png) 0 0 no-repeat; }
.cpuBox.selected > div { background:url(../images/cpuSelected.png) 0 0 no-repeat; }
.ramBox.selected > div { background:url(../images/ramSelected.png) 0 0 no-repeat; }
.operationStatus {font-size: 12px; margin:30px 0 20px 0;}
.progressInfoList {vertical-align:middle;width: 100%;}
.listDetail { margin: 0px 60px 0px;}
.circleTable {width:240px;padding-left: 40%;}
.hotSwapCircle {width:40px;}
.operateSpan{vertical-align: bottom;margin-left: 5px;font-size: 14px;}
.progressDone { padding-left: 10px; background: url(../images/succussIcon.png) 0 50% no-repeat; margin-right:30px;}
.successText { padding-left: 20px; background: url(../images/succussIcon.png) 0 50% no-repeat; }
.failText { padding-left: 20px; background: url(../images/failIcon.png) 0 50% no-repeat; }
.warningText { padding-left: 20px; background: url(../images/warningIcon.png) 0 50% no-repeat; }
.menuPop { position: absolute; left:0; top:0; font-size: 12px; z-index: 999; }
#frame4CPU3MenuPop .MenuBox { position: static; width: 110px; }
#pageOverlay {position:fixed; top:0; left:0; z-index:100000; width:100%; height:100%; background:none repeat scroll 0% 0% rgb(170,170,170);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);opacity:0.2; }
.MenuItem.disable { color: #bbb; cursor: default; }
.dialogInfoCon { padding: 15px 20px 5px; text-align: left;}
.btnGroupCenter { margin: 20px 0 15px; text-align: center; }
.btnGroupCenter > .uBtn { margin: 0 3px; }
.dialogInfoCon .btnGroupCenter > .uBtn { width: 65px; }
.confirmText { background: url(../images/confirmIcon.png) 0 center no-repeat; padding: 10px 0 5px 60px; text-align: left; color: #666; font-size: 12px;}
#timeoutDialog { background: url(../images/confirmIcon.png) 10px center no-repeat; padding: 10px 0 5px 60px; text-align: left;}
.networkPartBox { display: inline-block; width: 300px; }
.networkSubHeader { border-bottom: 1px solid #e8e8e8; line-height: 30px; color: #333; font-size: 14px; }
.networkSubForm { margin: 5px 0 10px; }
.hideForm { display: none; }
.LParOnText { display: none; }
.hideFormMarginleft { margin-left: 10px; }
.trapHideForm { display: none; }
.trapCloseHideForm { display: none; }
.hideFormKvmVmm { display: none; }
#networkMngSlot {padding-left: 10px;}
#networkMngStandbySlot{padding-left: 10px;}

/* login style */
.fullScreenCon { display: table; width: 100%; overflow: hidden; }
.fullScreenInner {display: table-cell;  width: 100%; height: 100%; text-align: center; vertical-align: middle; }
.loginBg { background: #e0e0e0 url(../images/loginBg.jpg) 50% 0 no-repeat;}
.loginBox { display: inline-block; width: 676px; }
.versionBox { margin-top: 80px; text-align: center; }
.versionText { display: inline-block; height: 24px; padding-left: 35px; background:url() 0 50% no-repeat; line-height: 24px; font-size: 11px; color: #999;  }
.loginFormBox { padding-top: 14px; background: url(../images/loginTopBg.png) 0 0 no-repeat; }
.loginFormMiddle { background: url(../images/loginMiddleBg.png) 0 0 no-repeat; overflow: hidden; }
.loginFormBottom { height: 26px; background:url(../images/loginBottomBg.png) 0 0 no-repeat; overflow:hidden; }
.loginFormLeft , .loginFormRight { display: inline-block; width: 356px; height: 220px; background:url(../images/loginFormSplit.png) right 50% no-repeat; }
.loginFormRight { width: 310px; text-align: left; background: none; }
.loginDescBox { height: 168px; margin: 30px 50px 0 60px; padding: 25px 0 0 65px; background: url(../images/loginDescIcon.png) 0 0 no-repeat; }
.loginDecr { margin-bottom: 15px; color: #565656; font-size: 12px; text-align: left; }
.loginFormRightInner { margin: 2px 60px; }
.loginInputBox { height: 35px; width: 200px; margin-top: 10px; }
.loginLogoImage { margin-bottom: 10px; }
.loginInputBox .uInput { height: 33px; line-height: 33px; }
.loginInputBox .uInput .placeholder { color: #b7b7b7; font-size: 12px; }
.loginInBtnBox { margin-top: 20px; }
.loginInBtnBox .uBtn { height: 28px; background:url(../images/loginInBtnBg.png) right -30px no-repeat; line-height: 28px; color: #fff; font-weight: bold; }
.loginInBtnBox .uBtn > .inner { height: 28px; background: url(../images/loginInBtnBg.png) 0 0 no-repeat;}
.loginInBtnBox .uBtn:hover , .loginInBtnBox .uBtn:active > .inner { color: #fff; }
.loginToolBar { height: 20px; margin-bottom: 5px; padding-right: 4px; line-height: 20px; text-align: right;}
.loginToolBar .toolHelp { margin-top: 4px; margin-right: 8px; }
.loginToolBar .toolRefresh { margin-top: 4px; margin-right: 8px; }
.toolLanguage { display: inline-block; height: 20px; padding: 0 10px; border-left: 1px solid #ebebeb; font-size: 12px; cursor: pointer; }
.mgTop15 { margin-top: 15px; }
.textAlignCenter { text-align: center; }

.filterHeader { height: 43px; border-bottom: 1px solid #d5d5d5; line-height: 43px; color: #000; font-size: 16px; overflow: hidden; }
.filterIcon { display: inline-block; width: 13px; height: 13px; margin-right: 8px; margin-top: 15px; overflow: hidden; cursor:pointer; }
.filterIcon.folder { background:url(../images/folderExpIcon.png) 0 0 no-repeat; }
.filterIcon.exp { background: url(../images/folderExpIcon.png) 0 -20px no-repeat;}
.filterBody { padding: 10px 20px 5px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #d5d5d5; background: #f5f5f5; }
.alarmTimeBox { display: inline-block; position: relative; width: 166px; margin-right: 4px; }
.gridToolBar { height: 30px; margin-top: 10px; line-height: 26px; text-align: right; font-size: 0; }
.gridToolLeftBox { display: inline-block; float: left; margin-bottom: 10px; }
#phyPartitionBtnBox { display: inline-block; }
.alarmScourceForm { display: inline-block; width: 166px; margin-right: 13px; }
.npPopDropWidth { display: inline-block; width: 50px; margin-right: 13}
#physicalDrop { display: inline-block; width: 280px; }
#eventLogBtnBox { margin-top: 10px; }
#eventLogGridToolBtn .uBtn { margin-right: 6px; }
.arrowTH { display: inline-block; margin-left: 5px; padding-right: 10px; background: url(../images/arrowDesc.png) right 50% no-repeat; cursor: pointer; }
.arrowTH.asc { background-image: url(../images/arrowAsc.png); }
.gridUserIcon { display: inline-block; width: 12px; height: 13px; margin-top: 13px; margin-left: 12px; background:url(../images/user.png) 0 0 no-repeat; }
.gridRowEdit , .gridRowDel , .gridRowStart , .gridRowShutdown , .gridRowRestart, .gridRowSafeShutdown, .gridRowSafeRestart , .gridRowMore { display: inline-block; width: 20px; height: 20px; margin-left: 6px; margin-top: 13px; background:url(../images/edit.png) 50% 50% no-repeat; cursor: pointer; }
.greyGridRowEdit { display: inline-block; width: 20px; height: 20px; margin-left: 6px; margin-top: 13px; background:url(../images/edit_disable.png) 50% 50% no-repeat; cursor: pointer; }
.gridRowDel { background-image: url(../images/delete.png);}
.gridRowStart { background-image: url(../images/start.png); }
.gridRowShutdown { background-image: url(../images/shutdown.png); }
.gridRowRestart {  background-image: url(../images/restartBtnIcon.png);  }
.gridRowSafeShutdown {  background-image: url(../images/safeShutdown.png);  }
.gridRowSafeRestart { background-image: url(../images/safeRestartBtnIcon.png);  }
.gridRowMore { background-image: url(../images/more.png); }
.gridRowMoreMenu { display: none; }
.gridRowMoreMenu > div { width: 100%; height: 24px; margin: 0; }
.gridRowMoreMenu > div:hover { background-color: #f1f1f1; }
.gridMoremenuPop { display: none; position:absolute; left:0; top:0; width: 48px; padding-top: 33px; background:url(../images/gridMoremenuTop.png) 0 0 no-repeat; overflow: hidden; z-index: 9999; }
.moreMenuMiddle { background: url(../images/gridMoremenuMiddle.png) 50% 0 repeat-y; }
.moreMenuBottom { height: 13px; background:url(../images/gridMoremenuBottom.png) 0 0 no-repeat; overflow: hidden; }
.moreMdInner { margin: 0 6px; }
/*逻辑分区*/
.vmTabGridItemCon { padding: 5px 20px 20px 35px; }
/*表格宽度*/
.firstColW {width:10px;}
.secondColW {width:150px;}
.fsize12 {font-size:12px;}
.rowTwoCol{margin-top:10px;}
.rowTwoCol > li{display: inline-block;padding-right:10px;}/*iline*/
.vmRowEject, .vmRowInsert,.vmRowModify , .vmRowDel , .vmRowPoweron, .vmRowPoweroff, .vmRowForcerestart, .vmRowShutdown, .vmRowReboot, .vmRowReconfig,.vmRowVnclogin, .vmRowMore{ font-size:12px; display: inline-block; color:#00AAFF; margin-left: 10px; cursor: pointer; }
.vmRowMore {width:50px; background:url(../images/more.png) 100% 50% no-repeat;}
.MoreMenu { display: none; }
.MoreMenu > div { width: 100%; height: 24px; margin: 0; }
.MoreMenu > div:hover { background-color: #f1f1f1; }
.vmMoremenuPop {font-size:12px; display: none; position:absolute; left:0; top:0; width: 120px; padding-top: 30px; background:url(../images/gridMoremenuTop.png) 0 0 no-repeat; overflow: hidden; z-index: 9999; }
.vmMenuMiddle { background: url(../images/gridMoremenuMiddle.png) -9px -2px repeat-y; background-size:125px}
.vmMenuBottom { height: 13px; background:url(../images/gridMoremenuBottom.png) -9px 0 no-repeat;  background-size:125px; overflow: hidden; }
.vmMdInner { margin: 0 10px; }
.disableCdrom,.disableVMHP {color:#999999;}
.newPartitionCon , .editPartitionCon { border-bottom: 1px solid #e8e8e8; }
.editPartitionCon {margin: 20px 20px 0 20px;}
.newPartitionStepBox , .newPartitionMainBox { display: table-cell; width: 700px; }
.newPartitionStepBox { width: 214px; border-right: 1px solid #e8e8e8; overflow: hidden; }
.newPartitionMainInner { height: 520px; margin: 0 20px; overflow: hidden; }
.editPartitionPages {height:450px;margin: 20px 0 0 20px; overflow: hidden;overflow-y: auto;}
.editParInptWidth { display: inline-block; width: 300px; }
.newPtStep { position: relative; min-height: 320px; margin: 40px 20px 20px; background:url(../images/vStepBg.png) 6px 0 repeat-y; }
.stepedBox { position: absolute; width: 100%; height: 0; background:url(../images/vStepedBg.png) 6px 0 repeat-y; overflow:hidden;}
.stepItem { position: absolute; left:0; height: 16px; padding-left: 23px; line-height: 16px; background: url(../images/stepPointBg.png) 0 0 no-repeat; color: #999; white-space: nowrap; font-size: 12px; }
.top45 {top:45px;}
.top90 {top:90px;}
.top135 {top:135px;}
.top180 {top:180px;}
.top225 {top:225px;}
.top270 {top:270px;}
.top315 {top:315px;}
.stepItem.done , .stepItem.current { background-position: 0 -20px; color: #5ecc49; cursor: pointer; }
.stepItem.current { background-position: 0 -40px; }
.stepMainBox { display: none;}
.stepMainBox.current { display: block; }
.stepDiskBox { display: none;}
.stepDiskBox.current { display: block; }
.stepMainTitle { height: 30px; margin-top: 8px; line-height: 30px; border-bottom: 1px solid #e8e8e8; font-size: 14px; color: #333; }
.stepMainCon { height: 450px; overflow: hidden; overflow-y: auto; }
.stepMainCon2 { overflow: hidden; overflow-y: auto; }
.stepNormalForm , .stepMiddleForm , .stepShortForm { display: inline-block; width: 200px; }
.stepMiddleForm { width: 75px;}
.stepShortForm { width: 50px;}
.unitText { margin-left: 5px; line-height: 24px;}
.blockSubHeader { height: 30px; margin-top: 8px; background: url(../images/panelSubTitleBg.png) right 50% repeat-x; line-height: 30px; }
.blockSubTitle { padding-right: 10px; background: #fafafa; color: #000; font-size: 12px;}
.subGridTitle { margin: 5px 0; color: #333; font-size: 12px; }
.subGridBox { margin-right: 10px; }
.subGridDeviceBox { margin-right: 10px; margin-bottom: 5px; }
.editGridInputBox { margin: 6px 10px 6px 4px; }
.editGridSInptBox { display: inline-block; width: 65px; margin: 6px 4px 6px 4px; }
.editvMemInptBox { display: inline-block; width: 75px; margin-right:4px}
.editvCPUSocketInptBox { display: inline-block; width: 85px; margin-right:4px}
.addRowBtn  , .delRowBtn { display: inline-block; width: 20px; height: 20px; margin-left: 10px; background:url(../images/addRowIcon.png) 50% 50% no-repeat; cursor: pointer; }
#vPciEditGrid .tableContentContainer , #vDiskEditGrid .tableContentContainer , #vNicEditGrid .tableContentContainer { height: 370px; overflow: hidden; overflow-y: auto; }
#vDiskEditGrid .tableContentContainer , #vNicEditGrid .tableContentContainer { height: 160px; }
.delRowBtn { margin-top: 8px; background-image: url(../images/delete.png);}
#newPartitionBtnBox > .uBtn { min-width: 60px; }
.detialTable .tableContentContainer{ max-height:200px;overflow:hidden;overflow-y: auto;}
.inforGridBox { margin: 10px 0 20px;}
.popwinRadioBox { margin-top: 4px; }
.popwinRadioBox > .radio { margin-right: 20px; }
.dsContainer {height: 40px;}
.filterSelect { display: inline-block; width: 200px; }
.dsDisplay { display: inline-block;text-align: left; margin: 5px 0; color: #333; font-size: 16px;}
.dsFilterSelect { display: inline-block; width: 200px;float: right;}
.viosGridBox , .viosGridBoxR { display: inline-block; margin-left: 20px; width: 525px; }
.viosGridBox { margin-left: 0; }
.viosGridBoxR {width: 600px; }
#logicalTaskTable { position: relative; top:25px; }
#logicalTaskPages { position: relative; top:10px; }
#DiskTable .tableContentContainer ,#NicTable .tableContentContainer ,#vDiskEditGrid .tableContentContainer , #vNicEditGrid .tableContentContainer { height: 370px; overflow: hidden; overflow-y: auto; }
#DiskTable .tableContentContainer ,#NicTable .tableContentContainer ,#vDiskEditGrid .tableContentContainer , #vNicEditGrid .tableContentContainer { height: 160px; }
#newPartitionBtnBox > .uBtn { min-width: 60px; }
#logicPartitonEditPage td {padding-top: 10px;}
#newvDiskTable .tableContentContainer, #newvDiskValueTable .tableContentContainer, #newDiskValueTable .tableContentContainer,#editvDiskTable .tableContentContainer, #originalVDiskTable .tableContentContainer,#newvNicValueTable .tableContentContainer{ max-height:180px;overflow:hidden;overflow-y: auto;}
#newDiskTable .tableContentContainer, #newOtherDiskTable .tableContentContainer{ max-height:155px;overflow:hidden;overflow-y: auto;}
#editDiskTable .tableContentContainer, #editOtherDiskTable .tableContentContainer, #originalDiskTable .tableContentContainer{ max-height:160px;overflow:hidden;overflow-y: auto;}
#StorageDiskTable .tableContentContainer{ max-height:245px;overflow:hidden;overflow-y: auto; }
#BootDiskListTable .tableContentContainer{ max-height:300px;overflow:hidden;overflow-y: auto; }
#vDiskTable .tableContentContainer{ max-height:400px;overflow:hidden;overflow-y: auto;}
#newvNicTable .tableContentContainer, #editvNicTable .tableContentContainer { max-height:195px;overflow:hidden;overflow-y: auto;}
#virtualSwitchTable .tableContentContainer, #storagePoolTable .tableContentContainer {max-height:700px;overflow:hidden;overflow-y: auto;}
#editDesText .utextarea, #newDesText .utextarea {height:100px;}
.logicPartionError1 {color: red;background:#fafafa;position:absolute;bottom:59px;width:505px;}
.logicPartionError2 {color: red;display:none;}
#vmaIPError {width:400px;height:80px;line-height:80px;text-align: center}
.vmaIPError1 {color: red;bottom:45px;width:400px;text-align: center}
.vmaIPError2 {color: red;visibility: hidden;}
.vmaIPErrorTextCenter{margin: 0 auto;height: 54px}
.vDiskErrorTextCenter{margin: 0 auto;height: 30px}
.RMCPAdminErrorTextCenter{margin: 0 auto;height: 30px}
.logicIPTitle{margin: 0 auto;height: 30px;text-align: center;}
.lparConfExportTilte{margin: 0 auto;height: 40px;text-align: left;}
.lparConfImportTilte{margin: 0 auto;height: 90px;text-align: left;}
.logicIPInfo{margin: 0 auto;height: 15px;text-align: center;}
.editlogicPartionError1 {color: red;background:#fafafa;position:absolute;bottom:59px;width:660px;}
.editlogicPartionError2 {color: red;display:none;}
.process {z-index:1900000;background-color: #F0F0F0;opacity:0.6; position: fixed;top:0;left:0;width: 100%;height: 100%;text-align:center;}
.tableRadio > .radio,.tableRadio > .radio > .uIcon,.tableRadio > .radio > .label{ line-height:inherit;}
.doublecheckbox{padding-top:10px;}
/* upload File Input style start */
.uploadFile { position: relative; display: inline-block; width: 300px; height: 26px; padding: 0 5px; background: url(../images/uploadFileBg.png) 0 0 no-repeat; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;   }
.uploadFileValue { width: 100%; height: 100%; margin-right: 25px; background: url(../images/uploadFileBg.png) 0 -30px repeat-x; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uploadFileBtn { position: absolute; right:0; top:0; width: 30px; height: 26px; background:url(../images/uploadFileBg.png) 0 -60px no-repeat;  }
.uploadFile input { position: absolute; right: 1px; top:0; width: 30px; height: 26px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; cursor: pointer; z-index: 1; }
.uploadBtn { display: inline-block; margin-left: 5px; }
.gridLink { margin-left: 5px; }
#mmUpdateTable .gridProcess { margin-left: 5px; margin-right: 5px; }

.uploadFile.disabled { background-position: 0 -90px;}
.uploadFile.disabled .uploadFileValue { background-position: 0 -120px; }
.uploadFile.disabled .uploadFileBtn { background-position: 0 -150px; }
.hmm_tab_tit{border-top:1px #cfcfcf solid; border-bottom:1px #b4b4b4 solid; background:#dddddd; height:31px; padding-top:2px; padding-left:10px;}
.hmm_tab_tit ul li{background:url(../images/tab_tit_bg.png) 0 0 no-repeat; padding-left:10px; float:left; margin:0 1px; cursor:pointer;}
.hmm_tab_tit ul li span{background:url(../images/tab_tit_bg.png) right -32px no-repeat; padding-right:10px; min-width:70px; text-align:center; height:32px; float:left; color:#5d5c5c; line-height:32px; font-size:14px;}
.hmm_tab_tit ul li.on{background:url(../images/tab_tit_bg.png) 0 -64px no-repeat;}
.hmm_tab_tit ul li.on span{background:url(../images/tab_tit_bg.png) right -96px no-repeat; color:#123077}
.mt10{margin-top:10px;}
/* upload File Input style end */
.mgt10 { margin-top: 10px; }
.mgB15 { margin-bottom: 15px; }
.pTB10 { padding: 20px 0 10px;}
.hide { display: none; }
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.t_t,.t_d,.t_t_l,.t_t_r,.t_d_l,.t_d_r{background:none;z-index:1;}
	.t_t{padding-top:6px;margin:0 89px;height:28px;}
		.t_t_l,.t_t_r,.t_d_l,.t_d_r{width:89px;height:40px;}
		.t_t_l{left:-89px;top:0;background-position:0 0;}
		.t_t_r{right:-89px;top:0;background-position:0 -41px;}
	.t_d{background-position:0 -205px;height:40px;margin:-30px 89px 0 89px;}
		.t_d_l{left:-89px;top:0;background-position:0 -123px;}
		.t_d_r{right:-89px;top:0;background-position:0 -164px;}
		.operatecss1{color: red;font-size: large;display:none}
		.operatecss2{color: red;font-size: large;}
		.operatecss3{color: green;font-size: large;display:none}
        .operatecss4{color: green;font-size: large;}
	.rightBoxMid{z-index:2;}
	.rightBoxMid h2{font-size:16px;color:#333;}
#bottomnav 
{ 
    background-color:#d5d8de;
     border:1px solid #c0c3c9; 
     text-align:center; z-index:999; 
     position:fixed; bottom:0; 
     left:0; 
     width:100%; 
     height:25px; 
     line-height:30px;
     font-size: 16px;
     color: #333;
     font-family: "微软雅黑";
     font-weight: normal;
     /* for ie6 */ 
     _width:100%;
      _bottom:0;
      _position:absolute; 
      _top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); 
}

/* frame style start */
.deviceContainer { position: relative; display:inline-block;}
.deviceName {width: 204px; left:100px; height: 25px; font-size:14px; color:#333; line-height: 25px; text-align: center; }
.overFrtViewName { width: 204px; left:100px; height: 25px; font-size:14px; color:#333; line-height: 25px; text-align: center; }
.overBakViewName { width: 204px; left:100px; height: 25px; font-size:14px; color:#333; line-height: 25px; text-align: center; }
.deviceText { position: absolute; width: 160px; color:#666; font-size: 12px; line-height: 16px; z-index:1;}

.overview_front , .overview_back { display:inline-block; position: relative; width: 204px; height: 616px; background:url(../images/devices/overview_front_nor_g.png) 0 0 no-repeat; overflow:hidden; }
.overview_back {background-image:url(../images/devices/overview_back_nor_g.png);}
.overview_front_ree , .overview_back_ree { display:inline-block; position: relative; width: 204px; height: 616px; background:url(../images/devices/overview_front_ree_g.png) 0 0 no-repeat; overflow:hidden; }
.overview_back_ree {background-image:url(../images/devices/overview_back_ree_g.png);}
.overview_front_mc , .overview_back_mc { display:inline-block; position: relative; width: 408px; height: 616px; background:url(../images/devices/overview_front_mc_g.png) 0 0 no-repeat; overflow:hidden; }
.overview_back_mc {background-image:url(../images/devices/overview_back_mc_g.png);}
.frame01_front , .frame01_back { display:inline-block; position: relative; width:308px; height:226px; background:url(../images/devices/frame_front.jpg) 0 0 no-repeat; overflow:hidden; }
.frame01_back {background:url(../images/devices/frame_back.jpg);}
.frame01_front1 { display:inline-block; position: relative; width:308px; height:360px; background:url(../images/devices/frame_front_extend_01.jpg) 0 0 no-repeat; overflow:hidden; }
.frame01_back1 { display:inline-block; position: relative; width:308px; height:360px; background:url(../images/devices/frame_back_extend_03.jpg) 0 0 no-repeat; overflow:hidden; }

.frame01_front2 { display:inline-block; position: relative; width:308px; height:226px; background:url(../images/devices/frame_front_24.jpg) 0 0 no-repeat; overflow:hidden; }

.frame02_front, .frame02_back { display:inline-block; position: relative; width:308px; height:62px; background:url(../images/devices/frame02_front.jpg) 0 0 no-repeat; overflow:hidden; }
.frame02_back { background-image: url(../images/devices/frame02_back.jpg);}

.light_green, .light_red, .light_blue, .light_gray { position:absolute; width: 5px; height:5px; background:url(../images/devices/light_green.png) 0 0 no-repeat; overflow:hidden; }
.light_red { background-image: url(../images/devices/light_red.png); } 
.light_blue { background-image:url(../images/devices/light_blue.png); } 
.light_gray { background-image: url(../images/devices/light_gray.png); }
.blank_01, .blank_02, .blank_03, .blank_04, .blank_05, .blank_06, .blank_07, .blank_08, .blank_09, .blank_10, 
.blank_11, .blank_12, .blank_13, .blank_14, .blank_15, .blank_16, .blank_17, .blank_18, .blank_19, .blank_20, 
.blank_21, .blank_22, .blank_23, .blank_24, .blank_25, .blank_26, .blank_27, .blank_28, .blank_29 ,.blank_30,
.blank_31 ,.blank_32 ,.blank_33 ,.blank_34 ,.blank_35, .blank_36, .blank_37, 
.online_BIO2_C, .online_BIO2_O, .pcie_2_Blank_C, .pcie_2_Blank_O,
.xBIO_Half_Blank_C, .xBIO_Half_Blank_O, .xBIO_Full_C, .xBIO_Full_O, .xPcie_Full_Blank_O, .xPcie_Half_Blank_O,
.online_disk_24, .FIO_Blank_C, .FIO_Blank_O, .led_24_off, .led_24_on, .led_24_red, 
.blank_frame_ree, .normal_frame_front_ree, .normal_frame_back_ree { position: absolute; overflow: hidden;}

.blank_01 { width:20px; height:93px; background:url(../images/devices/device01_blank01.png) 0 0 no-repeat;}
.blank_02 { width:29px; height:7px; background:url(../images/devices/device01_blank02.png) 0 0 no-repeat;}
.blank_03 { width:91px; height:13px; background:url(../images/devices/device01_blank03.png) 0 0 no-repeat;}
.blank_04 { width:17px; height:59px; background:url(../images/devices/device01_blank04.png) 0 0 no-repeat;}
.blank_05 { width:35px; height:159px; background:url(../images/devices/frame_blank01.png) 0 0 no-repeat;}
.blank_06 { width:15px; height:70px; background:url(../images/devices/frame_blank02.png) 0 0 no-repeat;}
.blank_07 { width:49px; height:12px; background:url(../images/devices/frame_blank03.png) 0 0 no-repeat;}
.blank_08 { width:36px; height:80px; background:url(../images/devices/frame_blank04.png) 0 0 no-repeat;}
.blank_09 { width:60px; height:59px; background:url(../images/devices/frame_blank05.png) 0 0 no-repeat;}
.blank_10 { width:29px; height:99px; background:url(../images/devices/frame_blank06.png) 0 0 no-repeat;}
.blank_11 { width:12px; height:59px; background:url(../images/devices/frame_blank07.png) 0 0 no-repeat;}
.blank_12 { width:21px; height:160px; background:url(../images/devices/frame_blank08.png) 0 0 no-repeat;}
.blank_13 { width:135px; height:20px; background:url(../images/devices/frame02_blank01.png) 0 0 no-repeat;}
.blank_14 { width:272px; height:36px; background:url(../images/devices/frame02_blank02.png) 0 0 no-repeat;}
.blank_15 { width:39px; height:16px; background:url(../images/devices/frame02_blank03.png) 0 0 no-repeat;}
.blank_16 { width:152px; height:28px; background:url(../images/devices/frame02_blank04.png) 0 0 no-repeat;}
.blank_17 { width:58px; height:58px; background:url(../images/devices/frame02_blank05.png) 0 0 no-repeat;}
.blank_18 { width:10px; height:41px; background:url(../images/devices/device01_blank05.png) 0 0 no-repeat;}
.blank_19 { width:182px; height:131px; background:url(../images/devices/device01_blank06.png) 0 0 no-repeat;}
.blank_20 { width:35px; height:34px; background:url(../images/devices/device01_blank07.png) 0 0 no-repeat;}
.blank_21 { width:13px; height:93px; background:url(../images/devices/device01_blank08.png) 0 0 no-repeat;}
.blank_22 { width:34px; height:59px; background:url(../images/devices/device01_blank09.png) 0 0 no-repeat;}
.blank_23 { width:20px; height:46px; background:url(../images/devices/device01_blank10.png) 0 0 no-repeat;}
.blank_24 { width:7px; height:33px; background:url(../images/devices/device01_blank11.png) 0 0 no-repeat;}
.blank_25 { width:27px; height:9px; background:url(../images/devices/device01_blank12.png) 0 0 no-repeat;}
.blank_26 { width:108px; height:17px; background:url(../images/devices/device01_blank13.png) 0 0 no-repeat;}
.blank_27 { width:59px; height:99px; background:url(../images/devices/frame_blank09.png) 0 0 no-repeat;}
.blank_28 { width:57px; height:54px; background:url(../images/devices/frame_blank_16.png) 0 0 no-repeat;}
.blank_29 { width:36px; height:54px; background:url(../images/devices/frame_blank_13.png) 0 0 no-repeat;}
.blank_30 { width:132px; height:108px; background:url(../images/devices/frame_blank_18.png) 0 0 no-repeat;}
.blank_31 { width:45px; height:9px; background:url(../images/devices/frame_blank_11.png) 0 0 no-repeat;}
.blank_32 { width:74px; height:9px; background:url(../images/devices/frame_blank_12.png) 0 0 no-repeat;}
.blank_33 { width:35px; height:36px; background:url(../images/devices/device01_blank14.png) 0 0 no-repeat;}
.blank_34 { width:34px; height:33px; background:url(../images/devices/overview_front_fan.png) 0 0 no-repeat;}
.blank_35 { width:22px; height:32px; background:url(../images/devices/overview_psu_e.png) 0 0 no-repeat;}
.blank_36 { width:79px; height:65px; background:url(../images/devices/overview_blank_bio.png) 0 0 no-repeat;}
.blank_37 { width:182px; height:21px; background:url(../images/devices/device01_blank37.png) 0 0 no-repeat;}

.online_BIO2_C { width:63px; height:103px; background:url(../images/devices/online_BIO2_C.png) 0 0 no-repeat;}
.online_BIO2_O { width:34px; height:59px; background:url(../images/devices/online_BIO2_O.png) 0 0 no-repeat;}
.pcie_2_Blank_C { width:19px; height:59px; background:url(../images/devices/pcie_2_Blank_C.png) 0 0 no-repeat;}
.pcie_2_Blank_O { width:10px; height:33px; background:url(../images/devices/pcie_2_Blank_O.png) 0 0 no-repeat;}
.xBIO_Half_Blank_C { width:65px; height:108px; background:url(../images/devices/xBIO_Half_Blank_C.png) 0 0 no-repeat;}
.xBIO_Half_Blank_O { width:39px; height:65px; background:url(../images/devices/xBIO_Half_Blank_O.png) 0 0 no-repeat;}
.xBIO_Full_C { width:132px; height:108px; background:url(../images/devices/xBIO_Full_C.png) 0 0 no-repeat;}
.xBIO_Full_O { width:79px; height:65px; background:url(../images/devices/xBIO_Full_O.png) 0 0 no-repeat;}
.xPcie_Half_Blank_O { width:27px; height:6px; background:url(../images/devices/xPcie_Half_Blank_O.png) 0 0 no-repeat;}
.xPcie_Full_Blank_O { width:44px; height:5px; background:url(../images/devices/xPcie_Full_Blank_O.png) 0 0 no-repeat;}
.FIO_Blank_C { width:292px; height:52px; background:url(../images/devices/FIO_Blank_C.png) 0 0 no-repeat;}
.FIO_Blank_O { width:175px; height:31px; background:url(../images/devices/FIO_Blank_O.png) 0 0 no-repeat;}
.online_disk_24 { width:175px; height:31px; background:url(../images/devices/FIO_24_Online_O.jpg) 0 0 no-repeat;}
.led_24_off { width:8px; height:4px; background:url(../images/devices/led_24_off.png) 0 0 no-repeat;}
.led_24_on { width:8px; height:4px; background:url(../images/devices/led_24_on.png) 0 0 no-repeat;}
.led_24_red { width:8px; height:4px; background:url(../images/devices/led_24_red.png) 0 0 no-repeat;}

.blank_frame_ree { width:182px; height:264px; background:url(../images/devices/overview_ree_frame_blank.png) 0 0 no-repeat;}
.normal_frame_front_ree { width:182px; height:264px; background:url(../images/devices/overview_front_frame_no_ree.png) 0 0 no-repeat;}
.normal_frame_back_ree { width:182px; height:264px; background:url(../images/devices/overview_back_frame_no_ree.png) 0 0 no-repeat;}

.alarmText {background: url(../images/confirmIcon.png) 20px center no-repeat; background-color: #EEEEEE; padding: 5px 10px 5px 80px; margin:5px 0 10px 0; line-height: 24px; font-size: 12px; vertical-align: middle; }
.alarmTextS {background: url(../images/confirmIconS.png) 20px center no-repeat; background-color: #EEEEEE; padding: 5px 10px 5px 80px; margin:5px 0 10px 0; line-height: 24px; font-size: 12px; vertical-align: middle; }
.PwdWarnText {padding: 2px 0 10px; line-height: 24px; font-size: 12px; color: #666; vertical-align: top;}
.pwdChangeRefText {padding: 2px 0 10px; line-height: 24px; font-size: 12px; color: #666; vertical-align: top;text-decoration: underline;}
.publicKeyAlarmText {background: url(../images/confirmIcon.png) 20px center no-repeat; background-color: #EEEEEE; padding: 16px 10px 16px 80px; margin:5px 0 10px 0; line-height: 24px; font-size: 12px; vertical-align: middle; }
.linkText a:link{ text-decoration: underline; color: #666;}
#SecurityError td, #KVMVMMError td {font-size: 12px; vertical-align: top; color: #666;}
#SecurityErrorTable tr > td:first-child {white-space:nowrap;}
#SecurityErrorTable tr > td:nth-child(2) {padding-left:20px;min-width:140px;}
#KVMVMMErrorTable, #SecurityErrorTable {padding-left:60px;max-height: 275px; overflow-y:auto;}
.partitionDescription{word-break:normal; max-width:150px; display:inline-block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;} 
#lcdScheduleBox {margin-top : 7px;}

.security-warning {
	width: 660px;
	margin: 0  auto;
}
.text-align-left {
	text-align: left;
}
#securityNotice {
	font-size: 12px; 
	text-align: justify;
	letter-spacing: 0.6px;
	line-height: 150%;
	color: #6D6D6D;
	margin-bottom: 10px;
	border-top: 1px solid #b7b7b7;
	word-wrap: break-word;
}

.modeRectangle {
	position:absolute;
 	width:152px;
 	height:132px;
 	top:30px;
  	background:inherit;
  	background-color:#FFFFFF;
  	box-sizing:border-box;
  	border-width:1px;
  	border-style:solid;
  	border-color:#CCCCCC;
  	border-radius:0px;
}

.model {
	position:absolute;
 	width:152px;
 	height:160px;
}

.nodeRectangle {
	position:absolute;
  	width:60px;
  	height:20px;
  	background:inherit;
  	background-color:#E3E4EA;
  	border:none;
  	border-radius:0px;
  	box-shadow:none;
  	color:#999999;
}

#SwitchBtnBox{
	position: absolute;
	left:420px;
}

#SwitchModeDialog{
	position: relative;
}

.model_des{
	position:absolute;
	width:145px;
	height: 30px;
	font-size: 12px;
	color:#666;
}

.model_radio{
	position:absolute;
	width:15px;
	height: 15px;
	right: 0px;
	top:5px;
}

.phyModule32{
	position:absolute;
	top:6px;
	left:6px;
  	width:138px;
  	height:118px;
  	background:inherit;
  	background-color:#0099FF;
  	box-sizing:border-box;
  	border-width:2px;
  	border-style:solid;
  	border-color:#0066FF;
  	border-radius:0px;
  	box-shadow:none;
  	opacity:0.4;
  	filter: alpha(opacity=40);
}

.phyModule16{
	position:absolute;
  	width:138px;
  	height:58px;
  	left:6px;
  	background:inherit;
  	background-color:#0099FF;
  	box-sizing:border-box;
  	border-width:2px;
  	border-style:solid;
  	border-color:#0066FF;
  	border-radius:0px;
  	box-shadow:none;
  	opacity:0.4;
  	filter: alpha(opacity=40);
}

.phyModule8{
	position:absolute;
  	width:138px;
  	height:28px;
  	left:6px;
  	background:inherit;
  	background-color:#0099FF;
  	box-sizing:border-box;
  	border-width:2px;
  	border-style:solid;
  	border-color:#0066FF;
  	border-radius:0px;
  	box-shadow:none;
  	opacity:0.4;
  	filter: alpha(opacity=40);
}

.phyModule4{
	position:absolute;
  	width:68px;
  	height:28px;
  	background:inherit;
  	background-color:#0099FF;
  	box-sizing:border-box;
  	border-width:2px;
  	border-style:solid;
  	border-color:#0066FF;
  	border-radius:0px;
  	box-shadow:none;
  	opacity:0.4;
  	filter: alpha(opacity=40);
}

.phyModule20{
	position:absolute;
  	width:138px;
  	height:88px;
  	background:url(../images/20p.png) 0 0 no-repeat;
}

.phyModule12{
	position:absolute;
  	width:138px;
  	height:58px;
  	background:url(../images/12p.png) 0 0 no-repeat;
}

.phyModule20Grey{
	position:absolute;
  	width:138px;
  	height:88px;
  	background:url(../images/20pgrey.png) 0 0 no-repeat;
}

.phyModule12Grey{
	position:absolute;
  	width:138px;
  	height:58px;
  	background:url(../images/12pgrey.png) 0 0 no-repeat;
}

.phyModelText{
	position:absolute;
  	width:26px;
  	height:16px;
  	font-family:'Arial Negreta', 'Arial Normal', 'Arial';
  	font-weight:700;
  	font-style:normal;
  	color:#FFFFFF;
  	text-align: center;
}

.phyModelDisable {
  	position:absolute;
  	width:152px;
  	height:132px;
  	background-color:#5F5D5D;
  	opacity:0.2;
  	filter: alpha(opacity=20);
}

.redFont{
	color:red;
	font-size: small;
}